\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>",[2919,2922],{"name":2920,"color":2921},"question","cc317c",{"name":2923,"color":2924},"2.x","d4c5f9",185,"read local storage on default layout?","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/185",0.68792605,{"description":2931,"labels":2932,"number":2934,"owner":2877,"repository":2877,"state":2892,"title":2935,"updated_at":2936,"url":2937,"score":2938},"Can not figure out and find right solution. Everything not work.\r\n\r\nAfter authentication, i need to save data not only to Store and to localStorage, but also synchronize everything. That after page reload, user will be authed.\r\n\r\nnuxt.conf\r\n```\r\n plugins: [\r\n { src: '~/plugins/localStorage', ssr: false }\r\n ],\r\n\r\n```\r\nlocalStorage.js\r\n```\r\nimport createPersistedState from 'vuex-persistedstate'\r\n\r\nexport default ({store}) => {\r\n createPersistedState({\r\n storage: {\r\n getItem: key => localStorage.getItem(key),\r\n setItem: (key, value) => localStorage.setItem(key, value),\r\n removeItem: key => localStorage.removeItem(key)\r\n }\r\n })\r\n}\r\n\r\n```\r\n\r\nexample.vue component\r\n```\r\n import MyPlugin from '~/plugins/localStorage'\r\n\r\n export default {\r\n created() {\r\n console.log(MyPlugin);\r\n console.log(MyPlugin.local);\r\n console.log(MyPlugin.setting);\r\n// console.log(MyPlugin.storage.getItem('token'));\r\n// console.log(MyPlugin.getItem('token'));\r\n\r\n console.log(this.$store.local);\r\n console.log(this.$store.setting);\r\n },\r\n```\r\n\r\nNothing works\r\n`[HMR] connected\r\nform.vue?385a:89 ƒ (_ref) {\r\n var store = _ref.store;\r\n\r\n Object(__WEBPACK_IMPORTED_MODULE_0_vuex_persistedstate__[\"a\" /* default */])({\r\n storage: {\r\n getItem: function getItem(key) {\r\n …\r\nform.vue?385a:90 undefined\r\nform.vue?385a:91 undefined\r\nform.vue?385a:95 undefined\r\nform.vue?385a:96 undefined`\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/c2625\">#c2625\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2933],{"name":2923,"color":2924},3031,"Persistedstate LocalStorage not work.","2023-01-18T16:09:51Z","https://github.com/nuxt/nuxt/issues/3031",0.69034153,{"description":2940,"labels":2941,"number":2945,"owner":2877,"repository":2878,"state":2892,"title":2946,"updated_at":2947,"url":2948,"score":2949},"### Description\n\nThe light mode defaults for Select are pretty good. Not as good for dark mode. How can I at least modify the background and text color of the popup list for dark mode? What is the recommended approach?\n\n\n",[2942,2944],{"name":2920,"color":2943},"d876e3",{"name":2871,"color":2872},3595,"How can I improve the dark style of USelect","2025-03-18T20:19:24Z","https://github.com/nuxt/ui/issues/3595",0.69092345,{"description":2951,"labels":2952,"number":2954,"owner":2877,"repository":2955,"state":2892,"title":2956,"updated_at":2957,"url":2958,"score":2959},"Thought this issue was related to my project, but I was able to reproduce it, sounds weird but this font won't work on a production build - https://fonts.google.com/specimen/DM+Serif+Display\r\n\r\nI am using the font by mentioning it in my tailwind config \r\n\r\n```ts\r\nimport type { Config } from \"tailwindcss\";\r\n\r\nexport default \u003CPartial\u003CConfig>>{\r\n theme: {\r\n fontFamily: {\r\n sans: [\r\n \"DM Sans\",\r\n \"Avenir Next\",\r\n \"Roboto\",\r\n \"-apple-system\",\r\n \"BlinkMacSystemFont\",\r\n '\"Segoe UI\"',\r\n \"Ubuntu\",\r\n '\"Helvetica Neue\"',\r\n \"Arial\",\r\n '\"Noto Sans\"',\r\n \"sans-serif\",\r\n '\"Apple Color Emoji\"',\r\n '\"Segoe UI Emoji\"',\r\n '\"Segoe UI Symbol\"',\r\n '\"Noto Color Emoji\"',\r\n ],\r\n mono: [\r\n \"Cascadia Code\",\r\n \"ui-monospace\",\r\n \"SFMono-Regular\",\r\n \"Menlo\",\r\n \"Monaco\",\r\n \"Consolas\",\r\n \"Liberation Mono\",\r\n \"Courier New\",\r\n \"monospace\",\r\n ],\r\n display: [\"DM Serif Display\", \"Inter\", \"sans-serif\"],\r\n },\r\n },\r\n plugins: [require(\"@tailwindcss/typography\")],\r\n};\r\n```\r\n\r\nThe first font `DM Sans` is loads correctly, but the display font wont, throws a 404 in production.\r\n\r\nHere's a reproduction - https://github.com/fayazara/nuxt-font-repro\r\n\r\nDev environment screenshot \r\n\r\n\r\n\r\nProduction screenshot\r\n",[2953],{"name":2868,"color":2869},122,"fonts","This font won't work on production: DM Serif Display","2024-05-03T08:11:09Z","https://github.com/nuxt/fonts/issues/122",0.6917091,{"description":2961,"labels":2962,"number":2966,"owner":2877,"repository":2891,"state":2892,"title":2967,"updated_at":2968,"url":2969,"score":2970},"There is an issue during the resize on the gradient:\r\n\r\nhttps://user-images.githubusercontent.com/904724/177326570-64a34124-592c-474f-975e-02b854c75c53.mp4\r\n\r\nAlso, could we handle the 3D gem like on Nuxt v3 docs?\r\n\r\n\r\n\r\n",[2963,2965],{"name":2868,"color":2964},"ff281a",{"name":2888,"color":2889},781,"[Home] Hero improvements","2023-09-05T08:18:36Z","https://github.com/nuxt/nuxt.com/issues/781",0.6973463,{"description":2972,"labels":2973,"number":2975,"owner":2877,"repository":2891,"state":2892,"title":2976,"updated_at":2977,"url":2978,"score":2979},"\n\nEx: https://dev.nuxt.com/community/repositories?organization=nuxtlabs&sortBy=stargazerCount",[2974],{"name":2868,"color":2964},552,"Fix title in subnavbar in community section","2022-05-23T08:57:57Z","https://github.com/nuxt/nuxt.com/issues/552",0.7038171,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_OvryN1_jh6VVaiQUzv5xqQyRBh_IPI0Y-KwpnvOgDs":-1},"/nuxt/nuxt.com/1307"]