\r\n```\r\n\r\n\r\n## Code\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003CIcon />\r\n\u003C/tempalte>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst props = defineProps\u003C{name: string}>()\r\n\r\nconst Icon = computed(() => defineAsyncComponent(() => import(`../icons/${props.name}.svg?component`)));\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n",[3148,3151,3154],{"name":3149,"color":3150},"workaround available","11376d",{"name":3152,"color":3153},"❗ p4-important","D93F0B",{"name":3155,"color":3156},"performance","E84B77",18376,"Disable `prefetch` for dynamic imports","2025-03-16T23:31:44Z","https://github.com/nuxt/nuxt/issues/18376",0.76263326,{"description":3163,"labels":3164,"number":3165,"owner":3138,"repository":3139,"state":3166,"title":3167,"updated_at":3168,"url":3169,"score":3170},"There seems to be a bug that makes no sense to me. The client side `init()` in `loadIcon(name, timeout)` goes through successfully and populates the block level `dataStorage[\"\"]` with icons. \n\nNow comes the weird part: in the next line, there is a call `getIcon(name)` and as soon as I step into that function, `dataStorage` becomes \n```\n{ \n \"\": {\n prefix1: {\n icons: {} \n ...\n }\n}\n```\n\nWhen next icon gets processed, it is the same story, `_initialized` is `true`, `dataStorage[\"\"]` looks good and has all icons, but as soon as `getIcon(name)` is executed, `dataStorage` changes to \n\n```\n{\n \"\": {\n prefix1: ..., \n prefix2: ...\n }\n}\n```\n\nIt looks like there are two `dataStorage`s, one in scope of `loadIcon` and another one in scope of `getIcon`, but I have no clue how could it be prefilled with partial data...",[],267,"closed","Client bundle always falls back to Iconify API","2024-10-04T21:37:09Z","https://github.com/nuxt/icon/issues/267",0.72889304,{"labels":3172,"number":3179,"owner":3138,"repository":3138,"state":3166,"title":3180,"updated_at":3181,"url":3182,"score":3183},[3173,3176],{"name":3174,"color":3175},"enhancement","8DEF37",{"name":3177,"color":3178},"2.x","d4c5f9",8306,"建议将_NUXT_放入到localStorage中","2023-01-22T15:52:44Z","https://github.com/nuxt/nuxt/issues/8306",0.73380864,{"description":3185,"labels":3186,"number":3191,"owner":3138,"repository":3138,"state":3166,"title":3192,"updated_at":3193,"url":3194,"score":3195},"becasuse nuxt cannot use localStorage to save user token, so i used \"nuxtServerInit\" API ,started local server and simulation localstorage through \"req.session\",.yes, it succeed. however, this req.session only save the current server, when people connect to other servers, this record has disappeared. so i want to know that how to achieve the purpose of stateless login\r\n\r\nlocal server\r\n\r\n\r\nnuxtServerInit\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1933\">#c1933\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3187,3190],{"name":3188,"color":3189},"question","cc317c",{"name":3177,"color":3178},2192,"how can i achieve the purpose of stateless login","2023-01-18T15:43:11Z","https://github.com/nuxt/nuxt/issues/2192",0.7394081,{"description":3197,"labels":3198,"number":3200,"owner":3138,"repository":3138,"state":3166,"title":3201,"updated_at":3202,"url":3203,"score":3204},"I have a survey with 5 different questions, the state of the questions is stored in a vuex store. These questions are used on different pages in the application. When I refresh the page the state is lost and gives an error.\r\n\r\nI have been looking at vuex-persistedstate, but it doesn't work together with nuxt as described in the issue below:\r\nhttps://github.com/robinvdvleuten/vuex-persistedstate/issues/16\r\n\r\nMy idea is to implement a local storage but unfortunately I did not succeed so far. I found this issue talking about local storage: https://github.com/nuxt/nuxt.js/issues/185 and it says we shouldn't use it. \r\n\r\nAre there any suggestions of keeping the vuex state on refresh without creating a session on server (no login). \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c499\">#c499\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3199],{"name":3177,"color":3178},576,"Best impelentation localStorage","2023-01-18T15:39:31Z","https://github.com/nuxt/nuxt/issues/576",0.7422827,{"description":3206,"labels":3207,"number":3209,"owner":3138,"repository":3138,"state":3166,"title":3210,"updated_at":3211,"url":3212,"score":3213},"## Version\r\n\r\nv2.0.0\r\n\r\n## Github link\r\n\r\nhttps://github.com/StriveNuby/nuxt-admin\r\n\r\n## Purpose\r\n\r\nSwitching between each other can achieve data caching\r\n\r\n## Why is there no effect when using keep-alive?\r\n\r\n\r\n\r\n\r\n\r\n### Screenshot in the project, Not implemented\r\n\r\n\r\n\r\n\r\nOr does nuxtJs not support keep-alive? Is there any good idea?\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7923\">#c7923\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3208],{"name":3177,"color":3178},4063,"Try to use keep-alive, can't make the desired effect, can you help?","2023-01-18T20:03:53Z","https://github.com/nuxt/nuxt/issues/4063",0.7427282,{"description":3215,"labels":3216,"number":3218,"owner":3138,"repository":3138,"state":3166,"title":3219,"updated_at":3220,"url":3221,"score":3222},"I am running some localStorage operations in store. Is there a way to dispatch this action similar to nuxtServerInit but on client-side instead? \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1668\">#c1668\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3217],{"name":3177,"color":3178},1857,"client-side alternative to nuxtServerInit","2023-01-18T15:42:45Z","https://github.com/nuxt/nuxt/issues/1857",0.74317074,{"description":3224,"labels":3225,"number":3234,"owner":3138,"repository":3235,"state":3166,"title":3236,"updated_at":3237,"url":3238,"score":3239},"### Description\n\nHi there. We are moving our app to NuxtUI and we are loving it so far! Really appreciative of all your hard work on this amazing package. Our stack is NuxtUI+Inertia+Rails.\n\nI spent part of my weekend digging into UIcon and Iconify. Pardon my ignorance if I've missed something obvious, I'm new to this part of the ecosystem... I thought it would be useful to put some thoughts in here and collect what I've learned.\n\n1. UIcon/Iconify always load icons from the network (`api.iconify.design`)\n2. It's not really possible to use NuxtUI without relying heavily on UIcon/Iconify due to various icon attributes in the components.\n3. I know unplug-icons and Nuxt have some support for bundled icons, but they don't apply if you are using Nuxt UI standalone.\n\nSee #4167 and others\n\nWe want to bundle our icons to avoid a dependency on api.iconify.design. I ended up writing a script that scanned our app for icon names and builds a custom `icons.json` file. I put some custom icons in there too using `@iconify/tools`... `icons.json` can be loaded into iconify with `addCollection()`. In dev I also warn on missing icons via `setCustomIconsLoader()`.\n\nDoes that sound correct? Are there solutions I'm missing?? I'd be happy to contribute doc updates or whatever if that would be helpful.\n\nThanks again!\n\n### Additional context\n\n_No response_",[3226,3228,3231],{"name":3174,"color":3227},"a2eeef",{"name":3229,"color":3230},"v3","49DCB8",{"name":3232,"color":3233},"triage","ffffff",4481,"ui","thoughts on UIcon/Iconify","2025-07-10T09:59:29Z","https://github.com/nuxt/ui/issues/4481",0.7460235,{"description":3241,"labels":3242,"number":3245,"owner":3138,"repository":3138,"state":3166,"title":3246,"updated_at":3247,"url":3248,"score":3249},"Is there any way to deal with localStorage, in order to set a property based on it for the entire application?\r\n\r\nLet's say I want to read a locally stored token to determine if a user has access to an API, and then set a boolean property on the layout, to be propagated to the relevant components, ie. navbar, login, logout, etc.\r\n\r\nsomething like this:\r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Capp-nav :authed=\"authed\"/>\r\n \u003Cnuxt :authed=\"authed\"/>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n import AppNav from '~components/Nav.vue'\r\n\r\n export default {\r\n data: function () {\r\n return {\r\n authed: false\r\n }\r\n },\r\n\r\n components: {\r\n AppNav\r\n },\r\n\r\n created: () => {\r\n this.authed = localStorage.getItem('token') !== null\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n\r\nThis example would generate an error ```localStorage is not defined```\r\n\r\nHow can I accomplish this?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c157\">#c157\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3243,3244],{"name":3188,"color":3189},{"name":3177,"color":3178},185,"read local storage on default layout?","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/185",0.7460858,["Reactive",3251],{},["Set"],["ShallowReactive",3254],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f2FHP5BXTmtKZTp_B9c6oQmspyNe9FEfqIKqtyBfBkZE":-1},"/nuxt/icon/88"]