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