[{"data":1,"prerenderedAt":3256},["ShallowReactive",2],{"navigation":3,"-docs-getting-started-state-management":1107,"-docs-getting-started-state-management-surround":3251},[4,1018],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-bookmark","/docs","docs",[11,109,345,805,897,934,976],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/getting-started/installation","docs/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/getting-started/views","docs/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/getting-started/assets","docs/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/getting-started/styling","docs/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/getting-started/routing","docs/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/getting-started/seo-meta","docs/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/getting-started/transitions","docs/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/getting-started/data-fetching","docs/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/getting-started/state-management","docs/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/getting-started/error-handling","docs/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/getting-started/server","docs/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/getting-started/layers","docs/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/getting-started/prerendering","docs/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/getting-started/deployment","docs/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/getting-started/testing","docs/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/getting-started/upgrade","docs/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":6,"icon":111,"path":112,"stem":113,"children":114,"page":108},"Guide","i-lucide-book-open","/docs/guide","docs/2.guide",[115,158,271,322],{"title":116,"titleTemplate":117,"icon":118,"path":119,"stem":120,"children":121,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/guide/concepts","docs/2.guide/1.concepts",[122,126,130,134,138,142,146,150,154],{"title":123,"path":124,"stem":125,"titleTemplate":6},"Auto-imports","/docs/guide/concepts/auto-imports","docs/2.guide/1.concepts/1.auto-imports",{"title":127,"path":128,"stem":129,"titleTemplate":6},"Nuxt Lifecycle","/docs/guide/concepts/nuxt-lifecycle","docs/2.guide/1.concepts/10.nuxt-lifecycle",{"title":131,"path":132,"stem":133,"titleTemplate":6},"Vue.js Development","/docs/guide/concepts/vuejs-development","docs/2.guide/1.concepts/2.vuejs-development",{"title":135,"path":136,"stem":137,"titleTemplate":6},"Rendering Modes","/docs/guide/concepts/rendering","docs/2.guide/1.concepts/3.rendering",{"title":139,"path":140,"stem":141,"titleTemplate":6},"Server Engine","/docs/guide/concepts/server-engine","docs/2.guide/1.concepts/4.server-engine",{"title":143,"path":144,"stem":145,"titleTemplate":6},"Modules","/docs/guide/concepts/modules","docs/2.guide/1.concepts/5.modules",{"title":147,"path":148,"stem":149,"titleTemplate":6},"ES Modules","/docs/guide/concepts/esm","docs/2.guide/1.concepts/7.esm",{"title":151,"path":152,"stem":153,"titleTemplate":6},"TypeScript","/docs/guide/concepts/typescript","docs/2.guide/1.concepts/8.typescript",{"title":155,"path":156,"stem":157,"titleTemplate":6},"Code Style","/docs/guide/concepts/code-style","docs/2.guide/1.concepts/9.code-style",{"title":159,"titleTemplate":160,"icon":161,"path":162,"stem":163,"children":164,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-lucide-folders","/docs/guide/directory-structure","docs/2.guide/2.directory-structure",[165,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,235,239,243,247,251,255,259,263,267],{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},".nuxt","/docs/guide/directory-structure/nuxt","docs/2.guide/2.directory-structure/0.nuxt","i-lucide-folder",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":169},".output","/docs/guide/directory-structure/output","docs/2.guide/2.directory-structure/0.output",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":169},"assets","/docs/guide/directory-structure/assets","docs/2.guide/2.directory-structure/1.assets",{"title":179,"path":180,"stem":181,"titleTemplate":6,"icon":169},"components","/docs/guide/directory-structure/components","docs/2.guide/2.directory-structure/1.components",{"title":183,"path":184,"stem":185,"titleTemplate":6,"icon":169},"composables","/docs/guide/directory-structure/composables","docs/2.guide/2.directory-structure/1.composables",{"title":187,"path":188,"stem":189,"titleTemplate":6,"icon":169},"content","/docs/guide/directory-structure/content","docs/2.guide/2.directory-structure/1.content",{"title":191,"path":192,"stem":193,"titleTemplate":6,"icon":169},"layouts","/docs/guide/directory-structure/layouts","docs/2.guide/2.directory-structure/1.layouts",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":169},"middleware","/docs/guide/directory-structure/middleware","docs/2.guide/2.directory-structure/1.middleware",{"title":199,"path":200,"stem":201,"titleTemplate":6,"icon":169},"modules","/docs/guide/directory-structure/modules","docs/2.guide/2.directory-structure/1.modules",{"title":203,"path":204,"stem":205,"titleTemplate":6,"icon":169},"node_modules","/docs/guide/directory-structure/node_modules","docs/2.guide/2.directory-structure/1.node_modules",{"title":207,"path":208,"stem":209,"titleTemplate":6,"icon":169},"pages","/docs/guide/directory-structure/pages","docs/2.guide/2.directory-structure/1.pages",{"title":211,"path":212,"stem":213,"titleTemplate":6,"icon":169},"plugins","/docs/guide/directory-structure/plugins","docs/2.guide/2.directory-structure/1.plugins",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":169},"public","/docs/guide/directory-structure/public","docs/2.guide/2.directory-structure/1.public",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":169},"server","/docs/guide/directory-structure/server","docs/2.guide/2.directory-structure/1.server",{"title":223,"path":224,"stem":225,"titleTemplate":6,"icon":169},"shared","/docs/guide/directory-structure/shared","docs/2.guide/2.directory-structure/1.shared",{"title":227,"path":228,"stem":229,"titleTemplate":6,"icon":169},"utils","/docs/guide/directory-structure/utils","docs/2.guide/2.directory-structure/1.utils",{"title":231,"path":232,"stem":233,"titleTemplate":6,"icon":234},".env","/docs/guide/directory-structure/env","docs/2.guide/2.directory-structure/2.env","i-lucide-file",{"title":236,"path":237,"stem":238,"titleTemplate":6,"icon":234},".gitignore","/docs/guide/directory-structure/gitignore","docs/2.guide/2.directory-structure/2.gitignore",{"title":240,"path":241,"stem":242,"titleTemplate":6,"icon":234},".nuxtignore","/docs/guide/directory-structure/nuxtignore","docs/2.guide/2.directory-structure/2.nuxtignore",{"title":244,"path":245,"stem":246,"titleTemplate":6,"icon":234},".nuxtrc","/docs/guide/directory-structure/nuxtrc","docs/2.guide/2.directory-structure/2.nuxtrc",{"title":248,"path":249,"stem":250,"titleTemplate":6,"icon":234},"app.vue","/docs/guide/directory-structure/app","docs/2.guide/2.directory-structure/3.app",{"title":252,"path":253,"stem":254,"titleTemplate":6,"icon":234},"app.config.ts","/docs/guide/directory-structure/app-config","docs/2.guide/2.directory-structure/3.app-config",{"title":256,"path":257,"stem":258,"titleTemplate":6,"icon":234},"error.vue","/docs/guide/directory-structure/error","docs/2.guide/2.directory-structure/3.error",{"title":260,"path":261,"stem":262,"titleTemplate":6,"icon":234},"nuxt.config.ts","/docs/guide/directory-structure/nuxt-config","docs/2.guide/2.directory-structure/3.nuxt-config",{"title":264,"path":265,"stem":266,"titleTemplate":6,"icon":234},"package.json","/docs/guide/directory-structure/package","docs/2.guide/2.directory-structure/3.package",{"title":268,"path":269,"stem":270,"titleTemplate":6,"icon":234},"tsconfig.json","/docs/guide/directory-structure/tsconfig","docs/2.guide/2.directory-structure/3.tsconfig",{"title":272,"titleTemplate":273,"icon":274,"path":275,"stem":276,"children":277,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/guide/going-further","docs/2.guide/3.going-further",[278,282,286,290,294,298,302,306,310,314,318],{"title":279,"path":280,"stem":281,"titleTemplate":6},"Experimental Features","/docs/guide/going-further/experimental-features","docs/2.guide/3.going-further/1.experimental-features",{"title":283,"path":284,"stem":285,"titleTemplate":6},"Features","/docs/guide/going-further/features","docs/2.guide/3.going-further/1.features",{"title":287,"path":288,"stem":289,"titleTemplate":6},"How Nuxt Works?","/docs/guide/going-further/internals","docs/2.guide/3.going-further/1.internals",{"title":291,"path":292,"stem":293,"titleTemplate":6},"Runtime Config","/docs/guide/going-further/runtime-config","docs/2.guide/3.going-further/10.runtime-config",{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nightly Release Channel","/docs/guide/going-further/nightly-release-channel","docs/2.guide/3.going-further/11.nightly-release-channel",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Lifecycle Hooks","/docs/guide/going-further/hooks","docs/2.guide/3.going-further/2.hooks",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Module Author Guide","/docs/guide/going-further/modules","docs/2.guide/3.going-further/3.modules",{"title":307,"path":308,"stem":309,"titleTemplate":6},"Nuxt Kit","/docs/guide/going-further/kit","docs/2.guide/3.going-further/4.kit",{"title":311,"path":312,"stem":313,"titleTemplate":6},"NuxtApp","/docs/guide/going-further/nuxt-app","docs/2.guide/3.going-further/6.nuxt-app",{"title":315,"path":316,"stem":317,"titleTemplate":6},"Authoring Nuxt Layers","/docs/guide/going-further/layers","docs/2.guide/3.going-further/7.layers",{"title":319,"path":320,"stem":321,"titleTemplate":6},"Debugging","/docs/guide/going-further/debugging","docs/2.guide/3.going-further/9.debugging",{"title":323,"titleTemplate":324,"icon":325,"path":326,"stem":327,"children":328,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/guide/recipes","docs/2.guide/4.recipes",[329,333,337,341],{"title":330,"path":331,"stem":332,"titleTemplate":6},"Custom Routing","/docs/guide/recipes/custom-routing","docs/2.guide/4.recipes/1.custom-routing",{"title":334,"path":335,"stem":336,"titleTemplate":6},"Vite Plugins","/docs/guide/recipes/vite-plugin","docs/2.guide/4.recipes/2.vite-plugin",{"title":338,"path":339,"stem":340,"titleTemplate":6},"Custom useFetch","/docs/guide/recipes/custom-usefetch","docs/2.guide/4.recipes/3.custom-usefetch",{"title":342,"path":343,"stem":344,"titleTemplate":6},"Sessions and Authentication","/docs/guide/recipes/sessions-and-authentication","docs/2.guide/4.recipes/4.sessions-and-authentication",{"title":346,"titleTemplate":347,"icon":348,"path":349,"stem":350,"children":351,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/api","docs/3.api",[352,416,539,654,721,787,800],{"title":353,"titleTemplate":354,"icon":355,"path":356,"stem":357,"children":358,"page":108},"Components","%s · Nuxt Components","i-lucide-box","/docs/api/components","docs/3.api/1.components",[359,363,367,371,375,379,384,388,392,396,400,404,408,412],{"title":360,"path":361,"stem":362,"titleTemplate":6},"\u003CClientOnly>","/docs/api/components/client-only","docs/3.api/1.components/1.client-only",{"title":364,"path":365,"stem":366,"titleTemplate":6},"\u003CDevOnly>","/docs/api/components/dev-only","docs/3.api/1.components/1.dev-only",{"title":368,"path":369,"stem":370,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/api/components/nuxt-client-fallback","docs/3.api/1.components/1.nuxt-client-fallback",{"title":372,"path":373,"stem":374,"titleTemplate":6},"\u003CNuxtPicture>","/docs/api/components/nuxt-picture","docs/3.api/1.components/10.nuxt-picture",{"title":376,"path":377,"stem":378,"titleTemplate":6},"\u003CTeleport>","/docs/api/components/teleports","docs/3.api/1.components/11.teleports",{"title":380,"path":381,"stem":382,"titleTemplate":6,"badge":383},"\u003CNuxtRouteAnnouncer>","/docs/api/components/nuxt-route-announcer","docs/3.api/1.components/12.nuxt-route-announcer","New",{"title":385,"path":386,"stem":387,"titleTemplate":6},"\u003CNuxtPage>","/docs/api/components/nuxt-page","docs/3.api/1.components/2.nuxt-page",{"title":389,"path":390,"stem":391,"titleTemplate":6},"\u003CNuxtLayout>","/docs/api/components/nuxt-layout","docs/3.api/1.components/3.nuxt-layout",{"title":393,"path":394,"stem":395,"titleTemplate":6},"\u003CNuxtLink>","/docs/api/components/nuxt-link","docs/3.api/1.components/4.nuxt-link",{"title":397,"path":398,"stem":399,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/api/components/nuxt-loading-indicator","docs/3.api/1.components/5.nuxt-loading-indicator",{"title":401,"path":402,"stem":403,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/api/components/nuxt-error-boundary","docs/3.api/1.components/6.nuxt-error-boundary",{"title":405,"path":406,"stem":407,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/api/components/nuxt-welcome","docs/3.api/1.components/7.nuxt-welcome",{"title":409,"path":410,"stem":411,"titleTemplate":6},"\u003CNuxtIsland>","/docs/api/components/nuxt-island","docs/3.api/1.components/8.nuxt-island",{"title":413,"path":414,"stem":415,"titleTemplate":6},"\u003CNuxtImg>","/docs/api/components/nuxt-img","docs/3.api/1.components/9.nuxt-img",{"title":417,"titleTemplate":418,"icon":419,"path":420,"stem":421,"children":422,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/api/composables","docs/3.api/2.composables",[423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,535],{"title":424,"path":425,"stem":426,"titleTemplate":6},"onPrehydrate","/docs/api/composables/on-prehydrate","docs/3.api/2.composables/on-prehydrate",{"title":428,"path":429,"stem":430,"titleTemplate":6},"useAppConfig","/docs/api/composables/use-app-config","docs/3.api/2.composables/use-app-config",{"title":432,"path":433,"stem":434,"titleTemplate":6},"useAsyncData","/docs/api/composables/use-async-data","docs/3.api/2.composables/use-async-data",{"title":436,"path":437,"stem":438,"titleTemplate":6},"useCookie","/docs/api/composables/use-cookie","docs/3.api/2.composables/use-cookie",{"title":440,"path":441,"stem":442,"titleTemplate":6},"useError","/docs/api/composables/use-error","docs/3.api/2.composables/use-error",{"title":444,"path":445,"stem":446,"titleTemplate":6},"useFetch","/docs/api/composables/use-fetch","docs/3.api/2.composables/use-fetch",{"title":448,"path":449,"stem":450,"titleTemplate":6},"useHead","/docs/api/composables/use-head","docs/3.api/2.composables/use-head",{"title":452,"path":453,"stem":454,"titleTemplate":6},"useHeadSafe","/docs/api/composables/use-head-safe","docs/3.api/2.composables/use-head-safe",{"title":456,"path":457,"stem":458,"titleTemplate":6},"useHydration","/docs/api/composables/use-hydration","docs/3.api/2.composables/use-hydration",{"title":460,"path":461,"stem":462,"titleTemplate":6},"useLazyAsyncData","/docs/api/composables/use-lazy-async-data","docs/3.api/2.composables/use-lazy-async-data",{"title":464,"path":465,"stem":466,"titleTemplate":6},"useLazyFetch","/docs/api/composables/use-lazy-fetch","docs/3.api/2.composables/use-lazy-fetch",{"title":468,"path":469,"stem":470,"titleTemplate":6},"useLoadingIndicator","/docs/api/composables/use-loading-indicator","docs/3.api/2.composables/use-loading-indicator",{"title":472,"path":473,"stem":474,"titleTemplate":6},"useNuxtApp","/docs/api/composables/use-nuxt-app","docs/3.api/2.composables/use-nuxt-app",{"title":476,"path":477,"stem":478,"titleTemplate":6},"useNuxtData","/docs/api/composables/use-nuxt-data","docs/3.api/2.composables/use-nuxt-data",{"title":480,"path":481,"stem":482,"titleTemplate":6},"usePreviewMode","/docs/api/composables/use-preview-mode","docs/3.api/2.composables/use-preview-mode",{"title":484,"path":485,"stem":486,"titleTemplate":6},"useRequestEvent","/docs/api/composables/use-request-event","docs/3.api/2.composables/use-request-event",{"title":488,"path":489,"stem":490,"titleTemplate":6},"useRequestFetch","/docs/api/composables/use-request-fetch","docs/3.api/2.composables/use-request-fetch",{"title":492,"path":493,"stem":494,"titleTemplate":6},"useRequestHeader","/docs/api/composables/use-request-header","docs/3.api/2.composables/use-request-header",{"title":496,"path":497,"stem":498,"titleTemplate":6},"useRequestHeaders","/docs/api/composables/use-request-headers","docs/3.api/2.composables/use-request-headers",{"title":500,"path":501,"stem":502,"titleTemplate":6},"useRequestURL","/docs/api/composables/use-request-url","docs/3.api/2.composables/use-request-url",{"title":504,"path":505,"stem":506,"titleTemplate":6},"useResponseHeader","/docs/api/composables/use-response-header","docs/3.api/2.composables/use-response-header",{"title":508,"path":509,"stem":510,"titleTemplate":6},"useRoute","/docs/api/composables/use-route","docs/3.api/2.composables/use-route",{"title":512,"path":513,"stem":514,"titleTemplate":6,"badge":383},"useRouteAnnouncer","/docs/api/composables/use-route-announcer","docs/3.api/2.composables/use-route-announcer",{"title":516,"path":517,"stem":518,"titleTemplate":6},"useRouter","/docs/api/composables/use-router","docs/3.api/2.composables/use-router",{"title":520,"path":521,"stem":522,"titleTemplate":6},"useRuntimeConfig","/docs/api/composables/use-runtime-config","docs/3.api/2.composables/use-runtime-config",{"title":524,"path":525,"stem":526,"titleTemplate":6},"useRuntimeHook","/docs/api/composables/use-runtime-hook","docs/3.api/2.composables/use-runtime-hook",{"title":528,"path":529,"stem":530,"titleTemplate":6},"useSeoMeta","/docs/api/composables/use-seo-meta","docs/3.api/2.composables/use-seo-meta",{"title":532,"path":533,"stem":534,"titleTemplate":6},"useServerSeoMeta","/docs/api/composables/use-server-seo-meta","docs/3.api/2.composables/use-server-seo-meta",{"title":536,"path":537,"stem":538,"titleTemplate":6},"useState","/docs/api/composables/use-state","docs/3.api/2.composables/use-state",{"title":540,"titleTemplate":541,"icon":542,"path":543,"stem":544,"children":545,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/api/utils","docs/3.api/3.utils",[546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650],{"title":547,"path":548,"stem":549,"titleTemplate":6},"$fetch","/docs/api/utils/dollarfetch","docs/3.api/3.utils/$fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"abortNavigation","/docs/api/utils/abort-navigation","docs/3.api/3.utils/abort-navigation",{"title":555,"path":556,"stem":557,"titleTemplate":6},"addRouteMiddleware","/docs/api/utils/add-route-middleware","docs/3.api/3.utils/add-route-middleware",{"title":559,"path":560,"stem":561,"titleTemplate":6,"badge":383},"callOnce","/docs/api/utils/call-once","docs/3.api/3.utils/call-once",{"title":563,"path":564,"stem":565,"titleTemplate":6},"clearError","/docs/api/utils/clear-error","docs/3.api/3.utils/clear-error",{"title":567,"path":568,"stem":569,"titleTemplate":6},"clearNuxtData","/docs/api/utils/clear-nuxt-data","docs/3.api/3.utils/clear-nuxt-data",{"title":571,"path":572,"stem":573,"titleTemplate":6},"clearNuxtState","/docs/api/utils/clear-nuxt-state","docs/3.api/3.utils/clear-nuxt-state",{"title":575,"path":576,"stem":577,"titleTemplate":6},"createError","/docs/api/utils/create-error","docs/3.api/3.utils/create-error",{"title":579,"path":580,"stem":581,"titleTemplate":6},"defineNuxtComponent","/docs/api/utils/define-nuxt-component","docs/3.api/3.utils/define-nuxt-component",{"title":583,"path":584,"stem":585,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/api/utils/define-nuxt-route-middleware","docs/3.api/3.utils/define-nuxt-route-middleware",{"title":587,"path":588,"stem":589,"titleTemplate":6},"definePageMeta","/docs/api/utils/define-page-meta","docs/3.api/3.utils/define-page-meta",{"title":591,"path":592,"stem":593,"titleTemplate":6},"defineRouteRules","/docs/api/utils/define-route-rules","docs/3.api/3.utils/define-route-rules",{"title":595,"path":596,"stem":597,"titleTemplate":6},"navigateTo","/docs/api/utils/navigate-to","docs/3.api/3.utils/navigate-to",{"title":599,"path":600,"stem":601,"titleTemplate":6},"onBeforeRouteLeave","/docs/api/utils/on-before-route-leave","docs/3.api/3.utils/on-before-route-leave",{"title":603,"path":604,"stem":605,"titleTemplate":6},"onBeforeRouteUpdate","/docs/api/utils/on-before-route-update","docs/3.api/3.utils/on-before-route-update",{"title":607,"path":608,"stem":609,"titleTemplate":6},"onNuxtReady","/docs/api/utils/on-nuxt-ready","docs/3.api/3.utils/on-nuxt-ready",{"title":611,"path":612,"stem":613,"titleTemplate":6},"prefetchComponents","/docs/api/utils/prefetch-components","docs/3.api/3.utils/prefetch-components",{"title":615,"path":616,"stem":617,"titleTemplate":6},"preloadComponents","/docs/api/utils/preload-components","docs/3.api/3.utils/preload-components",{"title":619,"path":620,"stem":621,"titleTemplate":6},"preloadRouteComponents","/docs/api/utils/preload-route-components","docs/3.api/3.utils/preload-route-components",{"title":623,"path":624,"stem":625,"titleTemplate":6},"prerenderRoutes","/docs/api/utils/prerender-routes","docs/3.api/3.utils/prerender-routes",{"title":627,"path":628,"stem":629,"titleTemplate":6,"badge":383},"refreshCookie","/docs/api/utils/refresh-cookie","docs/3.api/3.utils/refresh-cookie",{"title":631,"path":632,"stem":633,"titleTemplate":6},"refreshNuxtData","/docs/api/utils/refresh-nuxt-data","docs/3.api/3.utils/refresh-nuxt-data",{"title":635,"path":636,"stem":637,"titleTemplate":6},"reloadNuxtApp","/docs/api/utils/reload-nuxt-app","docs/3.api/3.utils/reload-nuxt-app",{"title":639,"path":640,"stem":641,"titleTemplate":6},"setPageLayout","/docs/api/utils/set-page-layout","docs/3.api/3.utils/set-page-layout",{"title":643,"path":644,"stem":645,"titleTemplate":6},"setResponseStatus","/docs/api/utils/set-response-status","docs/3.api/3.utils/set-response-status",{"title":647,"path":648,"stem":649,"titleTemplate":6},"showError","/docs/api/utils/show-error","docs/3.api/3.utils/show-error",{"title":651,"path":652,"stem":653,"titleTemplate":6},"updateAppConfig","/docs/api/utils/update-app-config","docs/3.api/3.utils/update-app-config",{"title":655,"titleTemplate":656,"icon":657,"path":658,"stem":659,"children":660,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/api/commands","docs/3.api/4.commands",[661,665,669,673,677,681,685,689,693,697,701,705,709,713,717],{"title":662,"path":663,"stem":664,"titleTemplate":6},"nuxi add","/docs/api/commands/add","docs/3.api/4.commands/add",{"title":666,"path":667,"stem":668,"titleTemplate":6},"nuxi analyze","/docs/api/commands/analyze","docs/3.api/4.commands/analyze",{"title":670,"path":671,"stem":672,"titleTemplate":6},"nuxi build","/docs/api/commands/build","docs/3.api/4.commands/build",{"title":674,"path":675,"stem":676,"titleTemplate":6},"nuxi build-module","/docs/api/commands/build-module","docs/3.api/4.commands/build-module",{"title":678,"path":679,"stem":680,"titleTemplate":6},"nuxi cleanup","/docs/api/commands/cleanup","docs/3.api/4.commands/cleanup",{"title":682,"path":683,"stem":684,"titleTemplate":6},"nuxi dev","/docs/api/commands/dev","docs/3.api/4.commands/dev",{"title":686,"path":687,"stem":688,"titleTemplate":6},"nuxi devtools","/docs/api/commands/devtools","docs/3.api/4.commands/devtools",{"title":690,"path":691,"stem":692,"titleTemplate":6},"nuxi generate","/docs/api/commands/generate","docs/3.api/4.commands/generate",{"title":694,"path":695,"stem":696,"titleTemplate":6},"nuxi info","/docs/api/commands/info","docs/3.api/4.commands/info",{"title":698,"path":699,"stem":700,"titleTemplate":6},"nuxi init","/docs/api/commands/init","docs/3.api/4.commands/init",{"title":702,"path":703,"stem":704,"titleTemplate":6},"nuxi module","/docs/api/commands/module","docs/3.api/4.commands/module",{"title":706,"path":707,"stem":708,"titleTemplate":6},"nuxi prepare","/docs/api/commands/prepare","docs/3.api/4.commands/prepare",{"title":710,"path":711,"stem":712,"titleTemplate":6},"nuxi preview","/docs/api/commands/preview","docs/3.api/4.commands/preview",{"title":714,"path":715,"stem":716,"titleTemplate":6},"nuxi typecheck","/docs/api/commands/typecheck","docs/3.api/4.commands/typecheck",{"title":718,"path":719,"stem":720,"titleTemplate":6},"nuxi upgrade","/docs/api/commands/upgrade","docs/3.api/4.commands/upgrade",{"title":307,"titleTemplate":722,"icon":723,"path":724,"stem":725,"children":726,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/api/kit","docs/3.api/5.kit",[727,730,733,737,741,745,749,753,757,761,765,768,771,775,779,783],{"title":143,"path":728,"stem":729,"titleTemplate":6},"/docs/api/kit/modules","docs/3.api/5.kit/1.modules",{"title":291,"path":731,"stem":732,"titleTemplate":6},"/docs/api/kit/runtime-config","docs/3.api/5.kit/10.runtime-config",{"title":734,"path":735,"stem":736,"titleTemplate":6},"Templates","/docs/api/kit/templates","docs/3.api/5.kit/10.templates",{"title":738,"path":739,"stem":740,"titleTemplate":6},"Nitro","/docs/api/kit/nitro","docs/3.api/5.kit/11.nitro",{"title":742,"path":743,"stem":744,"titleTemplate":6},"Resolving","/docs/api/kit/resolving","docs/3.api/5.kit/12.resolving",{"title":746,"path":747,"stem":748,"titleTemplate":6},"Logging","/docs/api/kit/logging","docs/3.api/5.kit/13.logging",{"title":750,"path":751,"stem":752,"titleTemplate":6},"Builder","/docs/api/kit/builder","docs/3.api/5.kit/14.builder",{"title":754,"path":755,"stem":756,"titleTemplate":6},"Examples","/docs/api/kit/examples","docs/3.api/5.kit/15.examples",{"title":758,"path":759,"stem":760,"titleTemplate":6},"Programmatic Usage","/docs/api/kit/programmatic","docs/3.api/5.kit/2.programmatic",{"title":762,"path":763,"stem":764,"titleTemplate":6},"Compatibility","/docs/api/kit/compatibility","docs/3.api/5.kit/3.compatibility",{"title":123,"path":766,"stem":767,"titleTemplate":6},"/docs/api/kit/autoimports","docs/3.api/5.kit/4.autoimports",{"title":353,"path":769,"stem":770,"titleTemplate":6},"/docs/api/kit/components","docs/3.api/5.kit/5.components",{"title":772,"path":773,"stem":774,"titleTemplate":6},"Context","/docs/api/kit/context","docs/3.api/5.kit/6.context",{"title":776,"path":777,"stem":778,"titleTemplate":6},"Pages","/docs/api/kit/pages","docs/3.api/5.kit/7.pages",{"title":780,"path":781,"stem":782,"titleTemplate":6},"Layout","/docs/api/kit/layout","docs/3.api/5.kit/8.layout",{"title":784,"path":785,"stem":786,"titleTemplate":6},"Plugins","/docs/api/kit/plugins","docs/3.api/5.kit/9.plugins",{"title":788,"titleTemplate":6,"icon":789,"path":790,"stem":791,"children":792,"page":108},"Advanced","i-lucide-brain","/docs/api/advanced","docs/3.api/6.advanced",[793,796],{"title":299,"path":794,"stem":795,"titleTemplate":6},"/docs/api/advanced/hooks","docs/3.api/6.advanced/1.hooks",{"title":797,"path":798,"stem":799,"titleTemplate":6},"Import meta","/docs/api/advanced/import-meta","docs/3.api/6.advanced/2.import-meta",{"title":801,"path":802,"stem":803,"titleTemplate":804,"icon":32},"Nuxt Configuration","/docs/api/nuxt-config","docs/3.api/6.nuxt-config","%s",{"title":754,"titleTemplate":806,"icon":807,"path":808,"stem":809,"children":810,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/examples","docs/4.examples",[811,815,837,852,888],{"title":812,"path":813,"stem":814,"titleTemplate":6},"Hello World","/docs/examples/hello-world","docs/4.examples/0.hello-world",{"title":283,"path":816,"stem":817,"children":818,"page":108},"/docs/examples/features","docs/4.examples/1.features",[819,823,826,829,833],{"title":820,"path":821,"stem":822,"titleTemplate":6},"Auto Imports","/docs/examples/features/auto-imports","docs/4.examples/1.features/1.auto-imports",{"title":64,"path":824,"stem":825,"titleTemplate":6},"/docs/examples/features/data-fetching","docs/4.examples/1.features/2.data-fetching",{"title":69,"path":827,"stem":828,"titleTemplate":6},"/docs/examples/features/state-management","docs/4.examples/1.features/3.state-management",{"title":830,"path":831,"stem":832,"titleTemplate":6},"Meta Tags","/docs/examples/features/meta-tags","docs/4.examples/1.features/4.meta-tags",{"title":834,"path":835,"stem":836,"titleTemplate":6},"Layouts","/docs/examples/features/layouts","docs/4.examples/1.features/5.layouts",{"title":49,"path":838,"stem":839,"children":840,"page":108},"/docs/examples/routing","docs/4.examples/2.routing",[841,845,848],{"title":842,"path":843,"stem":844,"titleTemplate":6},"Middleware","/docs/examples/routing/middleware","docs/4.examples/2.routing/middleware",{"title":776,"path":846,"stem":847,"titleTemplate":6},"/docs/examples/routing/pages","docs/4.examples/2.routing/pages",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Universal Router","/docs/examples/routing/universal-router","docs/4.examples/2.routing/universal-router",{"title":788,"path":853,"stem":854,"children":855,"page":108},"/docs/examples/advanced","docs/4.examples/4.advanced",[856,859,862,866,870,874,878,881,884],{"title":84,"path":857,"stem":858,"titleTemplate":6},"/docs/examples/advanced/config-extends","docs/4.examples/4.advanced/config-extends",{"title":74,"path":860,"stem":861,"titleTemplate":6},"/docs/examples/advanced/error-handling","docs/4.examples/4.advanced/error-handling",{"title":863,"path":864,"stem":865,"titleTemplate":6},"JSX / TSX","/docs/examples/advanced/jsx","docs/4.examples/4.advanced/jsx",{"title":867,"path":868,"stem":869,"titleTemplate":6},"Locale","/docs/examples/advanced/locale","docs/4.examples/4.advanced/locale",{"title":871,"path":872,"stem":873,"titleTemplate":6},"Module Extend Pages","/docs/examples/advanced/module-extend-pages","docs/4.examples/4.advanced/module-extend-pages",{"title":875,"path":876,"stem":877,"titleTemplate":6},"Teleport","/docs/examples/advanced/teleport","docs/4.examples/4.advanced/teleport",{"title":99,"path":879,"stem":880,"titleTemplate":6},"/docs/examples/advanced/testing","docs/4.examples/4.advanced/testing",{"title":436,"path":882,"stem":883,"titleTemplate":6},"/docs/examples/advanced/use-cookie","docs/4.examples/4.advanced/use-cookie",{"title":885,"path":886,"stem":887,"titleTemplate":6},"Use Custom Fetch Composable","/docs/examples/advanced/use-custom-fetch-composable","docs/4.examples/4.advanced/use-custom-fetch-composable",{"title":889,"path":890,"stem":891,"children":892,"page":108},"Experimental","/docs/examples/experimental","docs/4.examples/7.experimental",[893],{"title":894,"path":895,"stem":896,"titleTemplate":6},"WASM","/docs/examples/experimental/wasm","docs/4.examples/7.experimental/wasm",{"title":898,"titleTemplate":899,"icon":900,"path":901,"stem":902,"children":903,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/community","docs/5.community",[904,909,914,919,924,929],{"title":905,"path":906,"stem":907,"titleTemplate":6,"icon":908},"Getting Help","/docs/community/getting-help","docs/5.community/2.getting-help","i-lucide-life-buoy",{"title":910,"path":911,"stem":912,"titleTemplate":6,"icon":913},"Reporting Bugs","/docs/community/reporting-bugs","docs/5.community/3.reporting-bugs","i-lucide-bug",{"title":915,"path":916,"stem":917,"titleTemplate":6,"icon":918},"Contribution","/docs/community/contribution","docs/5.community/4.contribution","i-lucide-git-pull-request",{"title":920,"path":921,"stem":922,"titleTemplate":6,"icon":923},"Framework","/docs/community/framework-contribution","docs/5.community/5.framework-contribution","i-lucide-github",{"title":925,"path":926,"stem":927,"titleTemplate":6,"icon":928},"Roadmap","/docs/community/roadmap","docs/5.community/6.roadmap","i-lucide-map",{"title":930,"path":931,"stem":932,"titleTemplate":6,"icon":933},"Releases","/docs/community/changelog","docs/5.community/7.changelog","i-lucide-bell-dot",{"title":935,"titleTemplate":936,"icon":937,"path":938,"stem":939,"children":940,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/bridge","docs/6.bridge",[941,945,948,951,955,959,963,966,969,972],{"title":942,"path":943,"stem":944,"titleTemplate":6},"Overview","/docs/bridge/overview","docs/6.bridge/1.overview",{"title":29,"path":946,"stem":947,"titleTemplate":6},"/docs/bridge/configuration","docs/6.bridge/10.configuration",{"title":151,"path":949,"stem":950,"titleTemplate":6},"/docs/bridge/typescript","docs/6.bridge/2.typescript",{"title":952,"path":953,"stem":954,"titleTemplate":6},"Legacy Composition API","/docs/bridge/bridge-composition-api","docs/6.bridge/3.bridge-composition-api",{"title":956,"path":957,"stem":958,"titleTemplate":6},"Plugins and Middleware","/docs/bridge/plugins-and-middleware","docs/6.bridge/4.plugins-and-middleware",{"title":960,"path":961,"stem":962,"titleTemplate":6},"New Composition API","/docs/bridge/nuxt3-compatible-api","docs/6.bridge/5.nuxt3-compatible-api",{"title":830,"path":964,"stem":965,"titleTemplate":6},"/docs/bridge/meta","docs/6.bridge/6.meta",{"title":291,"path":967,"stem":968,"titleTemplate":6},"/docs/bridge/runtime-config","docs/6.bridge/7.runtime-config",{"title":738,"path":970,"stem":971,"titleTemplate":6},"/docs/bridge/nitro","docs/6.bridge/8.nitro",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Vite","/docs/bridge/vite","docs/6.bridge/9.vite",{"title":977,"titleTemplate":978,"icon":107,"path":979,"stem":980,"children":981,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/migration","docs/7.migration",[982,985,989,992,995,998,1001,1004,1007,1011,1015],{"title":942,"path":983,"stem":984,"titleTemplate":6},"/docs/migration/overview","docs/7.migration/1.overview",{"title":986,"path":987,"stem":988,"titleTemplate":6},"Build Tooling","/docs/migration/bundling","docs/7.migration/10.bundling",{"title":79,"path":990,"stem":991,"titleTemplate":6},"/docs/migration/server","docs/7.migration/11.server",{"title":29,"path":993,"stem":994,"titleTemplate":6},"/docs/migration/configuration","docs/7.migration/2.configuration",{"title":143,"path":996,"stem":997,"titleTemplate":6},"/docs/migration/module-authors","docs/7.migration/20.module-authors",{"title":820,"path":999,"stem":1000,"titleTemplate":6},"/docs/migration/auto-imports","docs/7.migration/3.auto-imports",{"title":830,"path":1002,"stem":1003,"titleTemplate":6},"/docs/migration/meta","docs/7.migration/4.meta",{"title":956,"path":1005,"stem":1006,"titleTemplate":6},"/docs/migration/plugins-and-middleware","docs/7.migration/5.plugins-and-middleware",{"title":1008,"path":1009,"stem":1010,"titleTemplate":6},"Pages and Layouts","/docs/migration/pages-and-layouts","docs/7.migration/6.pages-and-layouts",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6},"Component Options","/docs/migration/component-options","docs/7.migration/7.component-options",{"title":291,"path":1016,"stem":1017,"titleTemplate":6},"/docs/migration/runtime-config","docs/7.migration/8.runtime-config",{"title":1019,"path":1020,"stem":1021,"children":1022,"page":108},"Blog","/blog","blog",[1023,1027,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103],{"title":1024,"path":1025,"stem":1026},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1028,"path":1029,"stem":1030},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1032,"path":1033,"stem":1034},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1036,"path":1037,"stem":1038},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1040,"path":1041,"stem":1042},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1044,"path":1045,"stem":1046},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1048,"path":1049,"stem":1050},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1052,"path":1053,"stem":1054},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1056,"path":1057,"stem":1058},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1060,"path":1061,"stem":1062},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1064,"path":1065,"stem":1066},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1068,"path":1069,"stem":1070},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1072,"path":1073,"stem":1074},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1076,"path":1077,"stem":1078},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1080,"path":1081,"stem":1082},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1084,"path":1085,"stem":1086},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":1088,"path":1089,"stem":1090},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":1092,"path":1093,"stem":1094},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":1096,"path":1097,"stem":1098},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":1100,"path":1101,"stem":1102},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":1104,"path":1105,"stem":1106},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"id":1108,"title":69,"body":1109,"description":3245,"extension":3246,"links":6,"meta":3247,"navigation":3248,"path":70,"seo":3249,"stem":71,"titleTemplate":6,"__hash__":3250},"docs/docs/1.getting-started/11.state-management.md",{"type":1110,"value":1111,"toc":3234},"minimal",[1112,1123,1139,1152,1163,1172,1177,1203,1211,1214,1219,1226,1473,1476,1487,1491,1504,1622,1636,1638,1642,1650,1664,2003,2007,2970,2972,2976,2983,3036,3181,3187,3191,3203,3206,3230],[1113,1114,1115,1116,1122],"p",{},"Nuxt provides the ",[1117,1118,1119],"a",{"href":537},[1120,1121,536],"code",{}," composable to create a reactive and SSR-friendly shared state across components.",[1113,1124,1125,1129,1130,1138],{},[1117,1126,1127],{"href":537},[1120,1128,536],{}," is an SSR-friendly ",[1117,1131,1135],{"href":1132,"rel":1133},"https://vuejs.org/api/reactivity-core.html#ref",[1134],"nofollow",[1120,1136,1137],{},"ref"," replacement. Its value will be preserved after server-side rendering (during client-side hydration) and shared across all components using a unique key.",[1140,1141,1145],"tip",{"icon":1142,"target":1143,"to":1144},"i-lucide-video","_blank","https://www.youtube.com/watch?v=mv0WcBABcIk",[1113,1146,1147,1148,1151],{},"Watch a video from Alexander Lichter about why and when to use ",[1120,1149,1150],{},"useState()",".",[1153,1154,1155],"important",{},[1113,1156,1157,1158,1162],{},"Because the data inside ",[1117,1159,1160],{"href":537},[1120,1161,536],{}," will be serialized to JSON, it is important that it does not contain anything that cannot be serialized, such as classes, functions or symbols.",[1164,1165,1166],"read-more",{"to":537},[1113,1167,1168,1169,1171],{},"Read more about ",[1120,1170,536],{}," composable.",[1173,1174,1176],"h2",{"id":1175},"best-practices","Best Practices",[1178,1179,1180],"warning",{},[1113,1181,1182,1183,1186,1187,1190,1191,1194,1195,1198,1199,1202],{},"Never define ",[1120,1184,1185],{},"const state = ref()"," outside of ",[1120,1188,1189],{},"\u003Cscript setup>"," or ",[1120,1192,1193],{},"setup()"," function.",[1196,1197],"br",{},"\nFor example, doing ",[1120,1200,1201],{},"export myState = ref({})"," would result in state shared across requests on the server and can lead to memory leaks.",[1140,1204,1205],{"icon":102},[1113,1206,1207,1208],{},"Instead use ",[1120,1209,1210],{},"const useX = () => useState('x')",[1173,1212,754],{"id":1213},"examples",[1215,1216,1218],"h3",{"id":1217},"basic-usage","Basic Usage",[1113,1220,1221,1222,1225],{},"In this example, we use a component-local counter state. Any other component that uses ",[1120,1223,1224],{},"useState('counter')"," shares the same reactive state.",[1227,1228,1234],"pre",{"className":1229,"code":1230,"filename":248,"language":1231,"meta":1232,"style":1233},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst counter = useState('counter', () => Math.round(Math.random() * 1000))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    Counter: {{ counter }}\n    \u003Cbutton @click=\"counter++\">\n      +\n    \u003C/button>\n    \u003Cbutton @click=\"counter--\">\n      -\n    \u003C/button>\n  \u003C/div>\n\u003C/template>\n","vue","twoslash","",[1120,1235,1236,1271,1336,1346,1353,1363,1374,1380,1403,1409,1419,1439,1445,1454,1464],{"__ignoreMap":1233},[1237,1238,1241,1245,1249,1253,1256,1259,1262,1266,1268],"span",{"class":1239,"line":1240},"line",1,[1237,1242,1244],{"class":1243},"sYp4K","\u003C",[1237,1246,1248],{"class":1247},"sQ5dg","script",[1237,1250,1252],{"class":1251},"sRBFq"," setup",[1237,1254,1255],{"class":1251}," lang",[1237,1257,1258],{"class":1243},"=",[1237,1260,1261],{"class":1243},"\"",[1237,1263,1265],{"class":1264},"s5UST","ts",[1237,1267,1261],{"class":1243},[1237,1269,1270],{"class":1243},">\n",[1237,1272,1274,1277,1281,1283,1287,1290,1293,1296,1298,1301,1304,1307,1310,1312,1315,1318,1320,1323,1326,1329,1333],{"class":1239,"line":1273},2,[1237,1275,1276],{"class":1251},"const",[1237,1278,1280],{"class":1279},"spdxX"," counter ",[1237,1282,1258],{"class":1243},[1237,1284,1286],{"class":1285},"szd4z"," useState",[1237,1288,1289],{"class":1279},"(",[1237,1291,1292],{"class":1243},"'",[1237,1294,1295],{"class":1264},"counter",[1237,1297,1292],{"class":1243},[1237,1299,1300],{"class":1243},",",[1237,1302,1303],{"class":1243}," ()",[1237,1305,1306],{"class":1251}," =>",[1237,1308,1309],{"class":1279}," Math",[1237,1311,1151],{"class":1243},[1237,1313,1314],{"class":1285},"round",[1237,1316,1317],{"class":1279},"(Math",[1237,1319,1151],{"class":1243},[1237,1321,1322],{"class":1285},"random",[1237,1324,1325],{"class":1279},"() ",[1237,1327,1328],{"class":1243},"*",[1237,1330,1332],{"class":1331},"sV9sa"," 1000",[1237,1334,1335],{"class":1279},"))\n",[1237,1337,1339,1342,1344],{"class":1239,"line":1338},3,[1237,1340,1341],{"class":1243},"\u003C/",[1237,1343,1248],{"class":1247},[1237,1345,1270],{"class":1243},[1237,1347,1349],{"class":1239,"line":1348},4,[1237,1350,1352],{"emptyLinePlaceholder":1351},true,"\n",[1237,1354,1356,1358,1361],{"class":1239,"line":1355},5,[1237,1357,1244],{"class":1243},[1237,1359,1360],{"class":1247},"template",[1237,1362,1270],{"class":1243},[1237,1364,1366,1369,1372],{"class":1239,"line":1365},6,[1237,1367,1368],{"class":1243},"  \u003C",[1237,1370,1371],{"class":1247},"div",[1237,1373,1270],{"class":1243},[1237,1375,1377],{"class":1239,"line":1376},7,[1237,1378,1379],{"class":1279},"    Counter: {{ counter }}\n",[1237,1381,1383,1386,1389,1392,1394,1396,1399,1401],{"class":1239,"line":1382},8,[1237,1384,1385],{"class":1243},"    \u003C",[1237,1387,1388],{"class":1247},"button",[1237,1390,1391],{"class":1251}," @click",[1237,1393,1258],{"class":1243},[1237,1395,1261],{"class":1243},[1237,1397,1398],{"class":1264},"counter++",[1237,1400,1261],{"class":1243},[1237,1402,1270],{"class":1243},[1237,1404,1406],{"class":1239,"line":1405},9,[1237,1407,1408],{"class":1279},"      +\n",[1237,1410,1412,1415,1417],{"class":1239,"line":1411},10,[1237,1413,1414],{"class":1243},"    \u003C/",[1237,1416,1388],{"class":1247},[1237,1418,1270],{"class":1243},[1237,1420,1422,1424,1426,1428,1430,1432,1435,1437],{"class":1239,"line":1421},11,[1237,1423,1385],{"class":1243},[1237,1425,1388],{"class":1247},[1237,1427,1391],{"class":1251},[1237,1429,1258],{"class":1243},[1237,1431,1261],{"class":1243},[1237,1433,1434],{"class":1264},"counter--",[1237,1436,1261],{"class":1243},[1237,1438,1270],{"class":1243},[1237,1440,1442],{"class":1239,"line":1441},12,[1237,1443,1444],{"class":1279},"      -\n",[1237,1446,1448,1450,1452],{"class":1239,"line":1447},13,[1237,1449,1414],{"class":1243},[1237,1451,1388],{"class":1247},[1237,1453,1270],{"class":1243},[1237,1455,1457,1460,1462],{"class":1239,"line":1456},14,[1237,1458,1459],{"class":1243},"  \u003C/",[1237,1461,1371],{"class":1247},[1237,1463,1270],{"class":1243},[1237,1465,1467,1469,1471],{"class":1239,"line":1466},15,[1237,1468,1341],{"class":1243},[1237,1470,1360],{"class":1247},[1237,1472,1270],{"class":1243},[1474,1475],"link-example",{"to":827},[1477,1478,1479],"note",{},[1113,1480,1481,1482,1486],{},"To globally invalidate cached state, see ",[1117,1483,1484],{"href":572},[1120,1485,571],{}," util.",[1215,1488,1490],{"id":1489},"initializing-state","Initializing State",[1113,1492,1493,1494,1498,1499,1503],{},"Most of the time, you will want to initialize your state with data that resolves asynchronously. You can use the ",[1117,1495,1496],{"href":249},[1120,1497,248],{}," component with the ",[1117,1500,1501],{"href":560},[1120,1502,559],{}," util to do so.",[1227,1505,1507],{"className":1229,"code":1506,"filename":248,"language":1231,"meta":1232,"style":1233},"\u003Cscript setup lang=\"ts\">\nconst websiteConfig = useState('config')\n\nawait callOnce(async () => {\n  websiteConfig.value = await $fetch('https://my-cms.com/api/website-config')\n})\n\u003C/script>\n",[1120,1508,1509,1529,1552,1556,1577,1607,1614],{"__ignoreMap":1233},[1237,1510,1511,1513,1515,1517,1519,1521,1523,1525,1527],{"class":1239,"line":1240},[1237,1512,1244],{"class":1243},[1237,1514,1248],{"class":1247},[1237,1516,1252],{"class":1251},[1237,1518,1255],{"class":1251},[1237,1520,1258],{"class":1243},[1237,1522,1261],{"class":1243},[1237,1524,1265],{"class":1264},[1237,1526,1261],{"class":1243},[1237,1528,1270],{"class":1243},[1237,1530,1531,1533,1536,1538,1540,1542,1544,1547,1549],{"class":1239,"line":1273},[1237,1532,1276],{"class":1251},[1237,1534,1535],{"class":1279}," websiteConfig ",[1237,1537,1258],{"class":1243},[1237,1539,1286],{"class":1285},[1237,1541,1289],{"class":1279},[1237,1543,1292],{"class":1243},[1237,1545,1546],{"class":1264},"config",[1237,1548,1292],{"class":1243},[1237,1550,1551],{"class":1279},")\n",[1237,1553,1554],{"class":1239,"line":1338},[1237,1555,1352],{"emptyLinePlaceholder":1351},[1237,1557,1558,1562,1565,1567,1570,1572,1574],{"class":1239,"line":1348},[1237,1559,1561],{"class":1560},"sFVN2","await",[1237,1563,1564],{"class":1285}," callOnce",[1237,1566,1289],{"class":1279},[1237,1568,1569],{"class":1251},"async",[1237,1571,1303],{"class":1243},[1237,1573,1306],{"class":1251},[1237,1575,1576],{"class":1243}," {\n",[1237,1578,1579,1582,1584,1587,1590,1593,1596,1598,1600,1603,1605],{"class":1239,"line":1355},[1237,1580,1581],{"class":1279},"  websiteConfig",[1237,1583,1151],{"class":1243},[1237,1585,1586],{"class":1279},"value",[1237,1588,1589],{"class":1243}," =",[1237,1591,1592],{"class":1560}," await",[1237,1594,1595],{"class":1285}," $fetch",[1237,1597,1289],{"class":1247},[1237,1599,1292],{"class":1243},[1237,1601,1602],{"class":1264},"https://my-cms.com/api/website-config",[1237,1604,1292],{"class":1243},[1237,1606,1551],{"class":1247},[1237,1608,1609,1612],{"class":1239,"line":1365},[1237,1610,1611],{"class":1243},"}",[1237,1613,1551],{"class":1279},[1237,1615,1616,1618,1620],{"class":1239,"line":1376},[1237,1617,1341],{"class":1243},[1237,1619,1248],{"class":1247},[1237,1621,1270],{"class":1243},[1140,1623,1624],{},[1113,1625,1626,1627,1635],{},"This is similar to the ",[1117,1628,1631,1634],{"href":1629,"rel":1630},"https://v2.nuxt.com/docs/directory-structure/store/#the-nuxtserverinit-action",[1134],[1120,1632,1633],{},"nuxtServerInit"," action"," in Nuxt 2, which allows filling the initial state of your store server-side before rendering the page.",[1164,1637],{"to":560},[1215,1639,1641],{"id":1640},"usage-with-pinia","Usage with Pinia",[1113,1643,1644,1645,1649],{},"In this example, we leverage the ",[1117,1646,1648],{"href":1647},"/modules/pinia","Pinia module"," to create a global store and use it across the app.",[1153,1651,1652],{},[1113,1653,1654,1655,1658,1659,1151],{},"Make sure to install the Pinia module with ",[1120,1656,1657],{},"npx nuxi@latest module add pinia"," or follow the ",[1117,1660,1663],{"href":1661,"rel":1662},"https://pinia.vuejs.org/ssr/nuxt.html#Installation",[1134],"module's installation steps",[1665,1666,1667,1854],"code-group",{},[1227,1668,1672],{"className":1669,"code":1670,"filename":1671,"language":1265,"meta":1233,"style":1233},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export const useWebsiteStore = defineStore('websiteStore', {\n  state: () => ({\n    name: '',\n    description: ''\n  }),\n  actions: {\n    async fetch() {\n      const infos = await $fetch('https://api.nuxt.com/modules/pinia')\n\n      this.name = infos.name\n      this.description = infos.description\n    }\n  }\n})\n","stores/website.ts",[1120,1673,1674,1703,1721,1734,1744,1754,1763,1776,1801,1805,1822,1838,1843,1848],{"__ignoreMap":1233},[1237,1675,1676,1679,1682,1685,1687,1690,1692,1694,1697,1699,1701],{"class":1239,"line":1240},[1237,1677,1678],{"class":1560},"export",[1237,1680,1681],{"class":1251}," const",[1237,1683,1684],{"class":1279}," useWebsiteStore ",[1237,1686,1258],{"class":1243},[1237,1688,1689],{"class":1285}," defineStore",[1237,1691,1289],{"class":1279},[1237,1693,1292],{"class":1243},[1237,1695,1696],{"class":1264},"websiteStore",[1237,1698,1292],{"class":1243},[1237,1700,1300],{"class":1243},[1237,1702,1576],{"class":1243},[1237,1704,1705,1708,1711,1713,1715,1718],{"class":1239,"line":1273},[1237,1706,1707],{"class":1285},"  state",[1237,1709,1710],{"class":1243},":",[1237,1712,1303],{"class":1243},[1237,1714,1306],{"class":1251},[1237,1716,1717],{"class":1279}," (",[1237,1719,1720],{"class":1243},"{\n",[1237,1722,1723,1726,1728,1731],{"class":1239,"line":1338},[1237,1724,1725],{"class":1247},"    name",[1237,1727,1710],{"class":1243},[1237,1729,1730],{"class":1243}," ''",[1237,1732,1733],{"class":1243},",\n",[1237,1735,1736,1739,1741],{"class":1239,"line":1348},[1237,1737,1738],{"class":1247},"    description",[1237,1740,1710],{"class":1243},[1237,1742,1743],{"class":1243}," ''\n",[1237,1745,1746,1749,1752],{"class":1239,"line":1355},[1237,1747,1748],{"class":1243},"  }",[1237,1750,1751],{"class":1279},")",[1237,1753,1733],{"class":1243},[1237,1755,1756,1759,1761],{"class":1239,"line":1365},[1237,1757,1758],{"class":1247},"  actions",[1237,1760,1710],{"class":1243},[1237,1762,1576],{"class":1243},[1237,1764,1765,1768,1771,1774],{"class":1239,"line":1376},[1237,1766,1767],{"class":1251},"    async",[1237,1769,1770],{"class":1247}," fetch",[1237,1772,1773],{"class":1243},"()",[1237,1775,1576],{"class":1243},[1237,1777,1778,1781,1784,1786,1788,1790,1792,1794,1797,1799],{"class":1239,"line":1382},[1237,1779,1780],{"class":1251},"      const",[1237,1782,1783],{"class":1279}," infos",[1237,1785,1589],{"class":1243},[1237,1787,1592],{"class":1560},[1237,1789,1595],{"class":1285},[1237,1791,1289],{"class":1247},[1237,1793,1292],{"class":1243},[1237,1795,1796],{"class":1264},"https://api.nuxt.com/modules/pinia",[1237,1798,1292],{"class":1243},[1237,1800,1551],{"class":1247},[1237,1802,1803],{"class":1239,"line":1405},[1237,1804,1352],{"emptyLinePlaceholder":1351},[1237,1806,1807,1810,1813,1815,1817,1819],{"class":1239,"line":1411},[1237,1808,1809],{"class":1243},"      this.",[1237,1811,1812],{"class":1279},"name",[1237,1814,1589],{"class":1243},[1237,1816,1783],{"class":1279},[1237,1818,1151],{"class":1243},[1237,1820,1821],{"class":1279},"name\n",[1237,1823,1824,1826,1829,1831,1833,1835],{"class":1239,"line":1421},[1237,1825,1809],{"class":1243},[1237,1827,1828],{"class":1279},"description",[1237,1830,1589],{"class":1243},[1237,1832,1783],{"class":1279},[1237,1834,1151],{"class":1243},[1237,1836,1837],{"class":1279},"description\n",[1237,1839,1840],{"class":1239,"line":1441},[1237,1841,1842],{"class":1243},"    }\n",[1237,1844,1845],{"class":1239,"line":1447},[1237,1846,1847],{"class":1243},"  }\n",[1237,1849,1850,1852],{"class":1239,"line":1456},[1237,1851,1611],{"class":1243},[1237,1853,1551],{"class":1279},[1227,1855,1857],{"className":1229,"code":1856,"filename":248,"language":1231,"meta":1233,"style":1233},"\u003Cscript setup lang=\"ts\">\nconst website = useWebsiteStore()\n\nawait callOnce(website.fetch)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cmain>\n    \u003Ch1>{{ website.name }}\u003C/h1>\n    \u003Cp>{{ website.description }}\u003C/p>\n  \u003C/main>\n\u003C/template>\n",[1120,1858,1859,1879,1894,1898,1912,1920,1924,1932,1941,1966,1987,1995],{"__ignoreMap":1233},[1237,1860,1861,1863,1865,1867,1869,1871,1873,1875,1877],{"class":1239,"line":1240},[1237,1862,1244],{"class":1243},[1237,1864,1248],{"class":1247},[1237,1866,1252],{"class":1251},[1237,1868,1255],{"class":1251},[1237,1870,1258],{"class":1243},[1237,1872,1261],{"class":1243},[1237,1874,1265],{"class":1264},[1237,1876,1261],{"class":1243},[1237,1878,1270],{"class":1243},[1237,1880,1881,1883,1886,1888,1891],{"class":1239,"line":1273},[1237,1882,1276],{"class":1251},[1237,1884,1885],{"class":1279}," website ",[1237,1887,1258],{"class":1243},[1237,1889,1890],{"class":1285}," useWebsiteStore",[1237,1892,1893],{"class":1279},"()\n",[1237,1895,1896],{"class":1239,"line":1338},[1237,1897,1352],{"emptyLinePlaceholder":1351},[1237,1899,1900,1902,1904,1907,1909],{"class":1239,"line":1348},[1237,1901,1561],{"class":1560},[1237,1903,1564],{"class":1285},[1237,1905,1906],{"class":1279},"(website",[1237,1908,1151],{"class":1243},[1237,1910,1911],{"class":1279},"fetch)\n",[1237,1913,1914,1916,1918],{"class":1239,"line":1355},[1237,1915,1341],{"class":1243},[1237,1917,1248],{"class":1247},[1237,1919,1270],{"class":1243},[1237,1921,1922],{"class":1239,"line":1365},[1237,1923,1352],{"emptyLinePlaceholder":1351},[1237,1925,1926,1928,1930],{"class":1239,"line":1376},[1237,1927,1244],{"class":1243},[1237,1929,1360],{"class":1247},[1237,1931,1270],{"class":1243},[1237,1933,1934,1936,1939],{"class":1239,"line":1382},[1237,1935,1368],{"class":1243},[1237,1937,1938],{"class":1247},"main",[1237,1940,1270],{"class":1243},[1237,1942,1943,1945,1948,1951,1954,1956,1959,1962,1964],{"class":1239,"line":1405},[1237,1944,1385],{"class":1243},[1237,1946,1947],{"class":1247},"h1",[1237,1949,1950],{"class":1243},">{{",[1237,1952,1953],{"class":1279}," website",[1237,1955,1151],{"class":1243},[1237,1957,1958],{"class":1279},"name ",[1237,1960,1961],{"class":1243},"}}\u003C/",[1237,1963,1947],{"class":1247},[1237,1965,1270],{"class":1243},[1237,1967,1968,1970,1972,1974,1976,1978,1981,1983,1985],{"class":1239,"line":1411},[1237,1969,1385],{"class":1243},[1237,1971,1113],{"class":1247},[1237,1973,1950],{"class":1243},[1237,1975,1953],{"class":1279},[1237,1977,1151],{"class":1243},[1237,1979,1980],{"class":1279},"description ",[1237,1982,1961],{"class":1243},[1237,1984,1113],{"class":1247},[1237,1986,1270],{"class":1243},[1237,1988,1989,1991,1993],{"class":1239,"line":1421},[1237,1990,1459],{"class":1243},[1237,1992,1938],{"class":1247},[1237,1994,1270],{"class":1243},[1237,1996,1997,1999,2001],{"class":1239,"line":1441},[1237,1998,1341],{"class":1243},[1237,2000,1360],{"class":1247},[1237,2002,1270],{"class":1243},[1173,2004,2006],{"id":2005},"advanced-usage","Advanced Usage",[1665,2008,2009,2671],{},[1227,2010,2013],{"className":1669,"code":2011,"filename":2012,"language":1265,"meta":1233,"style":1233},"import type { Ref } from 'vue'\n\nexport const useLocale = () => {\n  return useState\u003Cstring>('locale', () => useDefaultLocale().value)\n}\n\nexport const useDefaultLocale = (fallback = 'en-US') => {\n  const locale = ref(fallback)\n  if (import.meta.server) {\n    const reqLocale = useRequestHeaders()['accept-language']?.split(',')[0]\n    if (reqLocale) {\n      locale.value = reqLocale\n    }\n  } else if (import.meta.client) {\n    const navLang = navigator.language\n    if (navLang) {\n      locale.value = navLang\n    }\n  }\n  return locale\n}\n\nexport const useLocales = () => {\n  const locale = useLocale()\n  const locales = ref([\n    'en-US',\n    'en-GB',\n    ...\n    'ja-JP-u-ca-japanese'\n  ])\n  if (!locales.value.includes(locale.value)) {\n    locales.value.unshift(locale.value)\n  }\n  return locales\n}\n\nexport const useLocaleDate = (date: Ref\u003CDate> | Date, locale = useLocale()) => {\n  return computed(() => new Intl.DateTimeFormat(locale.value, { dateStyle: 'full' }).format(unref(date)))\n}\n","composables/locale.ts",[1120,2014,2015,2043,2047,2064,2106,2111,2115,2147,2166,2189,2238,2252,2266,2270,2297,2314,2328,2342,2347,2352,2360,2365,2370,2388,2402,2417,2429,2441,2447,2457,2463,2498,2523,2528,2536,2541,2546,2596,2666],{"__ignoreMap":1233},[1237,2016,2017,2020,2023,2026,2029,2032,2035,2038,2040],{"class":1239,"line":1240},[1237,2018,2019],{"class":1560},"import",[1237,2021,2022],{"class":1560}," type",[1237,2024,2025],{"class":1243}," {",[1237,2027,2028],{"class":1279}," Ref",[1237,2030,2031],{"class":1243}," }",[1237,2033,2034],{"class":1560}," from",[1237,2036,2037],{"class":1243}," '",[1237,2039,1231],{"class":1264},[1237,2041,2042],{"class":1243},"'\n",[1237,2044,2045],{"class":1239,"line":1273},[1237,2046,1352],{"emptyLinePlaceholder":1351},[1237,2048,2049,2051,2053,2056,2058,2060,2062],{"class":1239,"line":1338},[1237,2050,1678],{"class":1560},[1237,2052,1681],{"class":1251},[1237,2054,2055],{"class":1279}," useLocale ",[1237,2057,1258],{"class":1243},[1237,2059,1303],{"class":1243},[1237,2061,1306],{"class":1251},[1237,2063,1576],{"class":1243},[1237,2065,2066,2069,2071,2073,2077,2080,2082,2084,2087,2089,2091,2093,2095,2098,2100,2102,2104],{"class":1239,"line":1348},[1237,2067,2068],{"class":1560},"  return",[1237,2070,1286],{"class":1285},[1237,2072,1244],{"class":1243},[1237,2074,2076],{"class":2075},"sT2Ow","string",[1237,2078,2079],{"class":1243},">",[1237,2081,1289],{"class":1247},[1237,2083,1292],{"class":1243},[1237,2085,2086],{"class":1264},"locale",[1237,2088,1292],{"class":1243},[1237,2090,1300],{"class":1243},[1237,2092,1303],{"class":1243},[1237,2094,1306],{"class":1251},[1237,2096,2097],{"class":1285}," useDefaultLocale",[1237,2099,1773],{"class":1247},[1237,2101,1151],{"class":1243},[1237,2103,1586],{"class":1279},[1237,2105,1551],{"class":1247},[1237,2107,2108],{"class":1239,"line":1355},[1237,2109,2110],{"class":1243},"}\n",[1237,2112,2113],{"class":1239,"line":1365},[1237,2114,1352],{"emptyLinePlaceholder":1351},[1237,2116,2117,2119,2121,2124,2126,2128,2132,2134,2136,2139,2141,2143,2145],{"class":1239,"line":1376},[1237,2118,1678],{"class":1560},[1237,2120,1681],{"class":1251},[1237,2122,2123],{"class":1279}," useDefaultLocale ",[1237,2125,1258],{"class":1243},[1237,2127,1717],{"class":1243},[1237,2129,2131],{"class":2130},"ssYd4","fallback",[1237,2133,1589],{"class":1243},[1237,2135,2037],{"class":1243},[1237,2137,2138],{"class":1264},"en-US",[1237,2140,1292],{"class":1243},[1237,2142,1751],{"class":1243},[1237,2144,1306],{"class":1251},[1237,2146,1576],{"class":1243},[1237,2148,2149,2152,2155,2157,2160,2162,2164],{"class":1239,"line":1382},[1237,2150,2151],{"class":1251},"  const",[1237,2153,2154],{"class":1279}," locale",[1237,2156,1589],{"class":1243},[1237,2158,2159],{"class":1285}," ref",[1237,2161,1289],{"class":1247},[1237,2163,2131],{"class":1279},[1237,2165,1551],{"class":1247},[1237,2167,2168,2171,2173,2175,2177,2180,2182,2184,2187],{"class":1239,"line":1405},[1237,2169,2170],{"class":1560},"  if",[1237,2172,1717],{"class":1247},[1237,2174,2019],{"class":1560},[1237,2176,1151],{"class":1243},[1237,2178,2179],{"class":1279},"meta",[1237,2181,1151],{"class":1243},[1237,2183,219],{"class":1279},[1237,2185,2186],{"class":1247},") ",[1237,2188,1720],{"class":1243},[1237,2190,2191,2194,2197,2199,2202,2205,2207,2210,2212,2215,2218,2221,2223,2225,2227,2229,2232,2235],{"class":1239,"line":1411},[1237,2192,2193],{"class":1251},"    const",[1237,2195,2196],{"class":1279}," reqLocale",[1237,2198,1589],{"class":1243},[1237,2200,2201],{"class":1285}," useRequestHeaders",[1237,2203,2204],{"class":1247},"()[",[1237,2206,1292],{"class":1243},[1237,2208,2209],{"class":1264},"accept-language",[1237,2211,1292],{"class":1243},[1237,2213,2214],{"class":1247},"]",[1237,2216,2217],{"class":1243},"?.",[1237,2219,2220],{"class":1285},"split",[1237,2222,1289],{"class":1247},[1237,2224,1292],{"class":1243},[1237,2226,1300],{"class":1264},[1237,2228,1292],{"class":1243},[1237,2230,2231],{"class":1247},")[",[1237,2233,2234],{"class":1331},"0",[1237,2236,2237],{"class":1247},"]\n",[1237,2239,2240,2243,2245,2248,2250],{"class":1239,"line":1421},[1237,2241,2242],{"class":1560},"    if",[1237,2244,1717],{"class":1247},[1237,2246,2247],{"class":1279},"reqLocale",[1237,2249,2186],{"class":1247},[1237,2251,1720],{"class":1243},[1237,2253,2254,2257,2259,2261,2263],{"class":1239,"line":1441},[1237,2255,2256],{"class":1279},"      locale",[1237,2258,1151],{"class":1243},[1237,2260,1586],{"class":1279},[1237,2262,1589],{"class":1243},[1237,2264,2265],{"class":1279}," reqLocale\n",[1237,2267,2268],{"class":1239,"line":1447},[1237,2269,1842],{"class":1243},[1237,2271,2272,2274,2277,2280,2282,2284,2286,2288,2290,2293,2295],{"class":1239,"line":1456},[1237,2273,1748],{"class":1243},[1237,2275,2276],{"class":1560}," else",[1237,2278,2279],{"class":1560}," if",[1237,2281,1717],{"class":1247},[1237,2283,2019],{"class":1560},[1237,2285,1151],{"class":1243},[1237,2287,2179],{"class":1279},[1237,2289,1151],{"class":1243},[1237,2291,2292],{"class":1279},"client",[1237,2294,2186],{"class":1247},[1237,2296,1720],{"class":1243},[1237,2298,2299,2301,2304,2306,2309,2311],{"class":1239,"line":1466},[1237,2300,2193],{"class":1251},[1237,2302,2303],{"class":1279}," navLang",[1237,2305,1589],{"class":1243},[1237,2307,2308],{"class":1279}," navigator",[1237,2310,1151],{"class":1243},[1237,2312,2313],{"class":1279},"language\n",[1237,2315,2317,2319,2321,2324,2326],{"class":1239,"line":2316},16,[1237,2318,2242],{"class":1560},[1237,2320,1717],{"class":1247},[1237,2322,2323],{"class":1279},"navLang",[1237,2325,2186],{"class":1247},[1237,2327,1720],{"class":1243},[1237,2329,2331,2333,2335,2337,2339],{"class":1239,"line":2330},17,[1237,2332,2256],{"class":1279},[1237,2334,1151],{"class":1243},[1237,2336,1586],{"class":1279},[1237,2338,1589],{"class":1243},[1237,2340,2341],{"class":1279}," navLang\n",[1237,2343,2345],{"class":1239,"line":2344},18,[1237,2346,1842],{"class":1243},[1237,2348,2350],{"class":1239,"line":2349},19,[1237,2351,1847],{"class":1243},[1237,2353,2355,2357],{"class":1239,"line":2354},20,[1237,2356,2068],{"class":1560},[1237,2358,2359],{"class":1279}," locale\n",[1237,2361,2363],{"class":1239,"line":2362},21,[1237,2364,2110],{"class":1243},[1237,2366,2368],{"class":1239,"line":2367},22,[1237,2369,1352],{"emptyLinePlaceholder":1351},[1237,2371,2373,2375,2377,2380,2382,2384,2386],{"class":1239,"line":2372},23,[1237,2374,1678],{"class":1560},[1237,2376,1681],{"class":1251},[1237,2378,2379],{"class":1279}," useLocales ",[1237,2381,1258],{"class":1243},[1237,2383,1303],{"class":1243},[1237,2385,1306],{"class":1251},[1237,2387,1576],{"class":1243},[1237,2389,2391,2393,2395,2397,2400],{"class":1239,"line":2390},24,[1237,2392,2151],{"class":1251},[1237,2394,2154],{"class":1279},[1237,2396,1589],{"class":1243},[1237,2398,2399],{"class":1285}," useLocale",[1237,2401,1893],{"class":1247},[1237,2403,2405,2407,2410,2412,2414],{"class":1239,"line":2404},25,[1237,2406,2151],{"class":1251},[1237,2408,2409],{"class":1279}," locales",[1237,2411,1589],{"class":1243},[1237,2413,2159],{"class":1285},[1237,2415,2416],{"class":1247},"([\n",[1237,2418,2420,2423,2425,2427],{"class":1239,"line":2419},26,[1237,2421,2422],{"class":1243},"    '",[1237,2424,2138],{"class":1264},[1237,2426,1292],{"class":1243},[1237,2428,1733],{"class":1243},[1237,2430,2432,2434,2437,2439],{"class":1239,"line":2431},27,[1237,2433,2422],{"class":1243},[1237,2435,2436],{"class":1264},"en-GB",[1237,2438,1292],{"class":1243},[1237,2440,1733],{"class":1243},[1237,2442,2444],{"class":1239,"line":2443},28,[1237,2445,2446],{"class":1243},"    ...\n",[1237,2448,2450,2452,2455],{"class":1239,"line":2449},29,[1237,2451,2422],{"class":1243},[1237,2453,2454],{"class":1264},"ja-JP-u-ca-japanese",[1237,2456,2042],{"class":1243},[1237,2458,2460],{"class":1239,"line":2459},30,[1237,2461,2462],{"class":1247},"  ])\n",[1237,2464,2466,2468,2470,2473,2476,2478,2480,2482,2485,2487,2489,2491,2493,2496],{"class":1239,"line":2465},31,[1237,2467,2170],{"class":1560},[1237,2469,1717],{"class":1247},[1237,2471,2472],{"class":1243},"!",[1237,2474,2475],{"class":1279},"locales",[1237,2477,1151],{"class":1243},[1237,2479,1586],{"class":1279},[1237,2481,1151],{"class":1243},[1237,2483,2484],{"class":1285},"includes",[1237,2486,1289],{"class":1247},[1237,2488,2086],{"class":1279},[1237,2490,1151],{"class":1243},[1237,2492,1586],{"class":1279},[1237,2494,2495],{"class":1247},")) ",[1237,2497,1720],{"class":1243},[1237,2499,2501,2504,2506,2508,2510,2513,2515,2517,2519,2521],{"class":1239,"line":2500},32,[1237,2502,2503],{"class":1279},"    locales",[1237,2505,1151],{"class":1243},[1237,2507,1586],{"class":1279},[1237,2509,1151],{"class":1243},[1237,2511,2512],{"class":1285},"unshift",[1237,2514,1289],{"class":1247},[1237,2516,2086],{"class":1279},[1237,2518,1151],{"class":1243},[1237,2520,1586],{"class":1279},[1237,2522,1551],{"class":1247},[1237,2524,2526],{"class":1239,"line":2525},33,[1237,2527,1847],{"class":1243},[1237,2529,2531,2533],{"class":1239,"line":2530},34,[1237,2532,2068],{"class":1560},[1237,2534,2535],{"class":1279}," locales\n",[1237,2537,2539],{"class":1239,"line":2538},35,[1237,2540,2110],{"class":1243},[1237,2542,2544],{"class":1239,"line":2543},36,[1237,2545,1352],{"emptyLinePlaceholder":1351},[1237,2547,2549,2551,2553,2556,2558,2560,2563,2565,2567,2569,2572,2574,2577,2580,2582,2584,2586,2588,2590,2592,2594],{"class":1239,"line":2548},37,[1237,2550,1678],{"class":1560},[1237,2552,1681],{"class":1251},[1237,2554,2555],{"class":1279}," useLocaleDate ",[1237,2557,1258],{"class":1243},[1237,2559,1717],{"class":1243},[1237,2561,2562],{"class":2130},"date",[1237,2564,1710],{"class":1243},[1237,2566,2028],{"class":2075},[1237,2568,1244],{"class":1243},[1237,2570,2571],{"class":2075},"Date",[1237,2573,2079],{"class":1243},[1237,2575,2576],{"class":1243}," |",[1237,2578,2579],{"class":2075}," Date",[1237,2581,1300],{"class":1243},[1237,2583,2154],{"class":2130},[1237,2585,1589],{"class":1243},[1237,2587,2399],{"class":1285},[1237,2589,1773],{"class":1279},[1237,2591,1751],{"class":1243},[1237,2593,1306],{"class":1251},[1237,2595,1576],{"class":1243},[1237,2597,2599,2601,2604,2606,2608,2610,2613,2616,2618,2621,2623,2625,2627,2629,2631,2633,2636,2638,2640,2643,2645,2647,2649,2651,2654,2656,2659,2661,2663],{"class":1239,"line":2598},38,[1237,2600,2068],{"class":1560},[1237,2602,2603],{"class":1285}," computed",[1237,2605,1289],{"class":1247},[1237,2607,1773],{"class":1243},[1237,2609,1306],{"class":1251},[1237,2611,2612],{"class":1243}," new",[1237,2614,2615],{"class":1279}," Intl",[1237,2617,1151],{"class":1243},[1237,2619,2620],{"class":1285},"DateTimeFormat",[1237,2622,1289],{"class":1247},[1237,2624,2086],{"class":1279},[1237,2626,1151],{"class":1243},[1237,2628,1586],{"class":1279},[1237,2630,1300],{"class":1243},[1237,2632,2025],{"class":1243},[1237,2634,2635],{"class":1247}," dateStyle",[1237,2637,1710],{"class":1243},[1237,2639,2037],{"class":1243},[1237,2641,2642],{"class":1264},"full",[1237,2644,1292],{"class":1243},[1237,2646,2031],{"class":1243},[1237,2648,1751],{"class":1247},[1237,2650,1151],{"class":1243},[1237,2652,2653],{"class":1285},"format",[1237,2655,1289],{"class":1247},[1237,2657,2658],{"class":1285},"unref",[1237,2660,1289],{"class":1247},[1237,2662,2562],{"class":1279},[1237,2664,2665],{"class":1247},")))\n",[1237,2667,2669],{"class":1239,"line":2668},39,[1237,2670,2110],{"class":1243},[1227,2672,2674],{"className":1229,"code":2673,"filename":248,"language":1231,"meta":1233,"style":1233},"\u003Cscript setup lang=\"ts\">\nconst locales = useLocales()\nconst locale = useLocale()\nconst date = useLocaleDate(new Date('2016-10-26'))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>Nuxt birthday\u003C/h1>\n    \u003Cp>{{ date }}\u003C/p>\n    \u003Clabel for=\"locale-chooser\">Preview a different locale\u003C/label>\n    \u003Cselect id=\"locale-chooser\" v-model=\"locale\">\n      \u003Coption v-for=\"locale of locales\" :key=\"locale\" :value=\"locale\">\n        {{ locale }}\n      \u003C/option>\n    \u003C/select>\n  \u003C/div>\n\u003C/template>\n",[1120,2675,2676,2696,2710,2723,2753,2761,2765,2773,2781,2798,2814,2844,2875,2927,2937,2946,2954,2962],{"__ignoreMap":1233},[1237,2677,2678,2680,2682,2684,2686,2688,2690,2692,2694],{"class":1239,"line":1240},[1237,2679,1244],{"class":1243},[1237,2681,1248],{"class":1247},[1237,2683,1252],{"class":1251},[1237,2685,1255],{"class":1251},[1237,2687,1258],{"class":1243},[1237,2689,1261],{"class":1243},[1237,2691,1265],{"class":1264},[1237,2693,1261],{"class":1243},[1237,2695,1270],{"class":1243},[1237,2697,2698,2700,2703,2705,2708],{"class":1239,"line":1273},[1237,2699,1276],{"class":1251},[1237,2701,2702],{"class":1279}," locales ",[1237,2704,1258],{"class":1243},[1237,2706,2707],{"class":1285}," useLocales",[1237,2709,1893],{"class":1279},[1237,2711,2712,2714,2717,2719,2721],{"class":1239,"line":1338},[1237,2713,1276],{"class":1251},[1237,2715,2716],{"class":1279}," locale ",[1237,2718,1258],{"class":1243},[1237,2720,2399],{"class":1285},[1237,2722,1893],{"class":1279},[1237,2724,2725,2727,2730,2732,2735,2737,2740,2742,2744,2746,2749,2751],{"class":1239,"line":1348},[1237,2726,1276],{"class":1251},[1237,2728,2729],{"class":1279}," date ",[1237,2731,1258],{"class":1243},[1237,2733,2734],{"class":1285}," useLocaleDate",[1237,2736,1289],{"class":1279},[1237,2738,2739],{"class":1243},"new",[1237,2741,2579],{"class":1285},[1237,2743,1289],{"class":1279},[1237,2745,1292],{"class":1243},[1237,2747,2748],{"class":1264},"2016-10-26",[1237,2750,1292],{"class":1243},[1237,2752,1335],{"class":1279},[1237,2754,2755,2757,2759],{"class":1239,"line":1355},[1237,2756,1341],{"class":1243},[1237,2758,1248],{"class":1247},[1237,2760,1270],{"class":1243},[1237,2762,2763],{"class":1239,"line":1365},[1237,2764,1352],{"emptyLinePlaceholder":1351},[1237,2766,2767,2769,2771],{"class":1239,"line":1376},[1237,2768,1244],{"class":1243},[1237,2770,1360],{"class":1247},[1237,2772,1270],{"class":1243},[1237,2774,2775,2777,2779],{"class":1239,"line":1382},[1237,2776,1368],{"class":1243},[1237,2778,1371],{"class":1247},[1237,2780,1270],{"class":1243},[1237,2782,2783,2785,2787,2789,2792,2794,2796],{"class":1239,"line":1405},[1237,2784,1385],{"class":1243},[1237,2786,1947],{"class":1247},[1237,2788,2079],{"class":1243},[1237,2790,2791],{"class":1279},"Nuxt birthday",[1237,2793,1341],{"class":1243},[1237,2795,1947],{"class":1247},[1237,2797,1270],{"class":1243},[1237,2799,2800,2802,2804,2806,2808,2810,2812],{"class":1239,"line":1411},[1237,2801,1385],{"class":1243},[1237,2803,1113],{"class":1247},[1237,2805,1950],{"class":1243},[1237,2807,2729],{"class":1279},[1237,2809,1961],{"class":1243},[1237,2811,1113],{"class":1247},[1237,2813,1270],{"class":1243},[1237,2815,2816,2818,2821,2824,2826,2828,2831,2833,2835,2838,2840,2842],{"class":1239,"line":1421},[1237,2817,1385],{"class":1243},[1237,2819,2820],{"class":1247},"label",[1237,2822,2823],{"class":1251}," for",[1237,2825,1258],{"class":1243},[1237,2827,1261],{"class":1243},[1237,2829,2830],{"class":1264},"locale-chooser",[1237,2832,1261],{"class":1243},[1237,2834,2079],{"class":1243},[1237,2836,2837],{"class":1279},"Preview a different locale",[1237,2839,1341],{"class":1243},[1237,2841,2820],{"class":1247},[1237,2843,1270],{"class":1243},[1237,2845,2846,2848,2851,2854,2856,2858,2860,2862,2865,2867,2869,2871,2873],{"class":1239,"line":1441},[1237,2847,1385],{"class":1243},[1237,2849,2850],{"class":1247},"select",[1237,2852,2853],{"class":1251}," id",[1237,2855,1258],{"class":1243},[1237,2857,1261],{"class":1243},[1237,2859,2830],{"class":1264},[1237,2861,1261],{"class":1243},[1237,2863,2864],{"class":1251}," v-model",[1237,2866,1258],{"class":1243},[1237,2868,1261],{"class":1243},[1237,2870,2086],{"class":1279},[1237,2872,1261],{"class":1243},[1237,2874,1270],{"class":1243},[1237,2876,2877,2880,2883,2886,2888,2890,2892,2895,2897,2899,2902,2905,2907,2909,2911,2913,2915,2917,2919,2921,2923,2925],{"class":1239,"line":1447},[1237,2878,2879],{"class":1243},"      \u003C",[1237,2881,2882],{"class":1247},"option",[1237,2884,2885],{"class":1560}," v-for",[1237,2887,1258],{"class":1243},[1237,2889,1261],{"class":1243},[1237,2891,2086],{"class":1279},[1237,2893,2894],{"class":1243}," of ",[1237,2896,2475],{"class":1279},[1237,2898,1261],{"class":1243},[1237,2900,2901],{"class":1243}," :",[1237,2903,2904],{"class":1251},"key",[1237,2906,1258],{"class":1243},[1237,2908,1261],{"class":1243},[1237,2910,2086],{"class":1279},[1237,2912,1261],{"class":1243},[1237,2914,2901],{"class":1243},[1237,2916,1586],{"class":1251},[1237,2918,1258],{"class":1243},[1237,2920,1261],{"class":1243},[1237,2922,2086],{"class":1279},[1237,2924,1261],{"class":1243},[1237,2926,1270],{"class":1243},[1237,2928,2929,2932,2934],{"class":1239,"line":1456},[1237,2930,2931],{"class":1243},"        {{",[1237,2933,2716],{"class":1279},[1237,2935,2936],{"class":1243},"}}\n",[1237,2938,2939,2942,2944],{"class":1239,"line":1466},[1237,2940,2941],{"class":1243},"      \u003C/",[1237,2943,2882],{"class":1247},[1237,2945,1270],{"class":1243},[1237,2947,2948,2950,2952],{"class":1239,"line":2316},[1237,2949,1414],{"class":1243},[1237,2951,2850],{"class":1247},[1237,2953,1270],{"class":1243},[1237,2955,2956,2958,2960],{"class":1239,"line":2330},[1237,2957,1459],{"class":1243},[1237,2959,1371],{"class":1247},[1237,2961,1270],{"class":1243},[1237,2963,2964,2966,2968],{"class":1239,"line":2344},[1237,2965,1341],{"class":1243},[1237,2967,1360],{"class":1247},[1237,2969,1270],{"class":1243},[1474,2971],{"to":868},[1173,2973,2975],{"id":2974},"shared-state","Shared State",[1113,2977,2978,2979,2982],{},"By using ",[1117,2980,2981],{"href":184},"auto-imported composables"," we can define global type-safe states and import them across the app.",[1227,2984,2987],{"className":1669,"code":2985,"filename":2986,"language":1265,"meta":1232,"style":1233},"export const useColor = () => useState\u003Cstring>('color', () => 'pink')\n","composables/states.ts",[1120,2988,2989],{"__ignoreMap":1233},[1237,2990,2991,2993,2995,2998,3000,3002,3004,3006,3008,3010,3012,3014,3016,3019,3021,3023,3025,3027,3029,3032,3034],{"class":1239,"line":1240},[1237,2992,1678],{"class":1560},[1237,2994,1681],{"class":1251},[1237,2996,2997],{"class":1279}," useColor ",[1237,2999,1258],{"class":1243},[1237,3001,1303],{"class":1243},[1237,3003,1306],{"class":1251},[1237,3005,1286],{"class":1285},[1237,3007,1244],{"class":1243},[1237,3009,2076],{"class":2075},[1237,3011,2079],{"class":1243},[1237,3013,1289],{"class":1279},[1237,3015,1292],{"class":1243},[1237,3017,3018],{"class":1264},"color",[1237,3020,1292],{"class":1243},[1237,3022,1300],{"class":1243},[1237,3024,1303],{"class":1243},[1237,3026,1306],{"class":1251},[1237,3028,2037],{"class":1243},[1237,3030,3031],{"class":1264},"pink",[1237,3033,1292],{"class":1243},[1237,3035,1551],{"class":1279},[1227,3037,3039],{"className":1229,"code":3038,"filename":248,"language":1231,"meta":1233,"style":1233},"\u003Cscript setup lang=\"ts\">\n// ---cut-start---\nconst useColor = () => useState\u003Cstring>('color', () => 'pink')\n// ---cut-end---\nconst color = useColor() // Same as useState('color')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cp>Current color: {{ color }}\u003C/p>\n\u003C/template>\n",[1120,3040,3041,3061,3067,3109,3114,3131,3139,3143,3151,3173],{"__ignoreMap":1233},[1237,3042,3043,3045,3047,3049,3051,3053,3055,3057,3059],{"class":1239,"line":1240},[1237,3044,1244],{"class":1243},[1237,3046,1248],{"class":1247},[1237,3048,1252],{"class":1251},[1237,3050,1255],{"class":1251},[1237,3052,1258],{"class":1243},[1237,3054,1261],{"class":1243},[1237,3056,1265],{"class":1264},[1237,3058,1261],{"class":1243},[1237,3060,1270],{"class":1243},[1237,3062,3063],{"class":1239,"line":1273},[1237,3064,3066],{"class":3065},"svXlt","// ---cut-start---\n",[1237,3068,3069,3071,3073,3075,3077,3079,3081,3083,3085,3087,3089,3091,3093,3095,3097,3099,3101,3103,3105,3107],{"class":1239,"line":1338},[1237,3070,1276],{"class":1251},[1237,3072,2997],{"class":1279},[1237,3074,1258],{"class":1243},[1237,3076,1303],{"class":1243},[1237,3078,1306],{"class":1251},[1237,3080,1286],{"class":1285},[1237,3082,1244],{"class":1243},[1237,3084,2076],{"class":2075},[1237,3086,2079],{"class":1243},[1237,3088,1289],{"class":1279},[1237,3090,1292],{"class":1243},[1237,3092,3018],{"class":1264},[1237,3094,1292],{"class":1243},[1237,3096,1300],{"class":1243},[1237,3098,1303],{"class":1243},[1237,3100,1306],{"class":1251},[1237,3102,2037],{"class":1243},[1237,3104,3031],{"class":1264},[1237,3106,1292],{"class":1243},[1237,3108,1551],{"class":1279},[1237,3110,3111],{"class":1239,"line":1348},[1237,3112,3113],{"class":3065},"// ---cut-end---\n",[1237,3115,3116,3118,3121,3123,3126,3128],{"class":1239,"line":1355},[1237,3117,1276],{"class":1251},[1237,3119,3120],{"class":1279}," color ",[1237,3122,1258],{"class":1243},[1237,3124,3125],{"class":1285}," useColor",[1237,3127,1325],{"class":1279},[1237,3129,3130],{"class":3065},"// Same as useState('color')\n",[1237,3132,3133,3135,3137],{"class":1239,"line":1365},[1237,3134,1341],{"class":1243},[1237,3136,1248],{"class":1247},[1237,3138,1270],{"class":1243},[1237,3140,3141],{"class":1239,"line":1376},[1237,3142,1352],{"emptyLinePlaceholder":1351},[1237,3144,3145,3147,3149],{"class":1239,"line":1382},[1237,3146,1244],{"class":1243},[1237,3148,1360],{"class":1247},[1237,3150,1270],{"class":1243},[1237,3152,3153,3155,3157,3159,3162,3165,3167,3169,3171],{"class":1239,"line":1405},[1237,3154,1368],{"class":1243},[1237,3156,1113],{"class":1247},[1237,3158,2079],{"class":1243},[1237,3160,3161],{"class":1279},"Current color: ",[1237,3163,3164],{"class":1243},"{{",[1237,3166,3120],{"class":1279},[1237,3168,1961],{"class":1243},[1237,3170,1113],{"class":1247},[1237,3172,1270],{"class":1243},[1237,3174,3175,3177,3179],{"class":1239,"line":1411},[1237,3176,1341],{"class":1243},[1237,3178,1360],{"class":1247},[1237,3180,1270],{"class":1243},[1140,3182,3184],{"icon":1142,"target":1143,"to":3183},"https://www.youtube.com/watch?v=dZSNW07sO-A",[1113,3185,3186],{},"Watch a video from Daniel Roe on how to deal with global state and SSR in Nuxt.",[1173,3188,3190],{"id":3189},"using-third-party-libraries","Using third-party libraries",[1113,3192,3193,3194,3198,3199,1151],{},"Nuxt ",[3195,3196,3197],"strong",{},"used to rely"," on the Vuex library to provide global state management. If you are migrating from Nuxt 2, please head to ",[1117,3200,3202],{"href":3201},"/docs/migration/configuration#vuex","the migration guide",[1113,3204,3205],{},"Nuxt is not opinionated about state management, so feel free to choose the right solution for your needs. There are multiple integrations with the most popular state management libraries, including:",[3207,3208,3209,3216,3223],"ul",{},[3210,3211,3212,3215],"li",{},[1117,3213,3214],{"href":1647},"Pinia"," - the official Vue recommendation",[3210,3217,3218,3222],{},[1117,3219,3221],{"href":3220},"/modules/harlem","Harlem"," - immutable global state management",[3210,3224,3225,3229],{},[1117,3226,3228],{"href":3227},"/modules/xstate","XState"," - state machine approach with tools for visualizing and testing your state logic",[3231,3232,3233],"style",{},"html pre.shiki code .sFVN2, html code.shiki .sFVN2{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sRBFq, html code.shiki .sRBFq{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .spdxX, html code.shiki .spdxX{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .sYp4K, html code.shiki .sYp4K{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .szd4z, html code.shiki .szd4z{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .s5UST, html code.shiki .s5UST{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}html pre.shiki code .sQ5dg, html code.shiki .sQ5dg{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sT2Ow, html code.shiki .sT2Ow{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .ssYd4, html code.shiki .ssYd4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sV9sa, html code.shiki .sV9sa{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}html pre.shiki code .svXlt, html code.shiki .svXlt{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":1233,"searchDepth":1273,"depth":1273,"links":3235},[3236,3237,3242,3243,3244],{"id":1175,"depth":1273,"text":1176},{"id":1213,"depth":1273,"text":754,"children":3238},[3239,3240,3241],{"id":1217,"depth":1338,"text":1218},{"id":1489,"depth":1338,"text":1490},{"id":1640,"depth":1338,"text":1641},{"id":2005,"depth":1273,"text":2006},{"id":2974,"depth":1273,"text":2975},{"id":3189,"depth":1273,"text":3190},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.","md",{},{"icon":72},{"title":69,"description":3245},"kSm6bQvYPD",[3252,3254],{"title":64,"path":65,"stem":66,"description":3253,"icon":67,"children":-1},"Nuxt provides composables to handle data fetching within your application.",{"title":74,"path":75,"stem":76,"description":3255,"icon":77,"children":-1},"Learn how to catch and handle errors in Nuxt.",1742651353891]