[{"data":1,"prerenderedAt":2779},["ShallowReactive",2],{"navigation":3,"-docs-guide-recipes-sessions-and-authentication":1107,"-docs-guide-recipes-sessions-and-authentication-surround":2774},[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":342,"body":1109,"description":2769,"extension":2770,"links":6,"meta":2771,"navigation":1296,"path":343,"seo":2772,"stem":344,"titleTemplate":6,"__hash__":2773},"docs/docs/2.guide/4.recipes/4.sessions-and-authentication.md",{"type":1110,"value":1111,"toc":2758},"minimal",[1112,1116,1128,1131,1135,1147,1179,1193,1197,1207,1216,1236,1242,1246,1249,1256,1659,1671,1684,1688,1691,1760,1766,2198,2202,2205,2216,2223,2313,2317,2330,2339,2346,2444,2448,2451,2459,2690,2693,2697,2700,2703,2745,2754],[1113,1114,19],"h2",{"id":1115},"introduction",[1117,1118,1119,1120,1127],"p",{},"In this recipe we'll be setting up authentication in a full-stack Nuxt app using ",[1121,1122,1126],"a",{"href":1123,"rel":1124},"https://github.com/Atinux/nuxt-auth-utils",[1125],"nofollow","Nuxt Auth Utils"," which provides convenient utilities for managing client-side and server-side session data.",[1117,1129,1130],{},"The module uses secured & sealed cookies to store session data, so you don't need to setup a database to store session data.",[1113,1132,1134],{"id":1133},"install-nuxt-auth-utils","Install nuxt-auth-utils",[1117,1136,1137,1138,1142,1143,1146],{},"Install the ",[1139,1140,1141],"code",{},"nuxt-auth-utils"," module using the ",[1139,1144,1145],{},"nuxi"," CLI.",[1148,1149,1155],"pre",{"className":1150,"code":1151,"filename":1152,"language":1153,"meta":1154,"style":1154},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npx nuxi@latest module add auth-utils\n","Terminal","bash","",[1139,1156,1157],{"__ignoreMap":1154},[1158,1159,1162,1166,1170,1173,1176],"span",{"class":1160,"line":1161},"line",1,[1158,1163,1165],{"class":1164},"sT2Ow","npx",[1158,1167,1169],{"class":1168},"s5UST"," nuxi@latest",[1158,1171,1172],{"class":1168}," module",[1158,1174,1175],{"class":1168}," add",[1158,1177,1178],{"class":1168}," auth-utils\n",[1180,1181,1182],"callout",{},[1117,1183,1184,1185,1187,1188,1190,1191],{},"This command will install ",[1139,1186,1141],{}," as dependency and push it in the ",[1139,1189,199],{}," section of our ",[1139,1192,260],{},[1113,1194,1196],{"id":1195},"cookie-encryption-key","Cookie Encryption Key",[1117,1198,1199,1200,1202,1203,1206],{},"As ",[1139,1201,1141],{}," uses sealed cookies to store session data, session cookies are encrypted using a secret key from the ",[1139,1204,1205],{},"NUXT_SESSION_PASSWORD"," environment variable.",[1208,1209,1210],"note",{},[1117,1211,1212,1213,1215],{},"If not set, this environment variable will be added to your ",[1139,1214,231],{}," automatically when running in development mode.",[1148,1217,1221],{"className":1218,"code":1219,"filename":231,"language":1220,"meta":1154,"style":1154},"language-ini shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","NUXT_SESSION_PASSWORD=a-random-password-with-at-least-32-characters\n","ini",[1139,1222,1223],{"__ignoreMap":1154},[1158,1224,1225,1228,1232],{"class":1160,"line":1161},[1158,1226,1205],{"class":1227},"sQ5dg",[1158,1229,1231],{"class":1230},"sYp4K","=",[1158,1233,1235],{"class":1234},"spdxX","a-random-password-with-at-least-32-characters\n",[1237,1238,1239],"important",{},[1117,1240,1241],{},"You'll need to add this environment variable to your production environment before deploying.",[1113,1243,1245],{"id":1244},"login-api-route","Login API Route",[1117,1247,1248],{},"For this recipe, we'll create a simple API route to sign-in a user based on static data.",[1117,1250,1251,1252,1255],{},"Let's create a ",[1139,1253,1254],{},"/api/login"," API route that will accept a POST request with the email and password in the request body.",[1148,1257,1262],{"className":1258,"code":1259,"filename":1260,"language":1261,"meta":1154,"style":1154},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","import { z } from 'zod'\n\nconst bodySchema = z.object({\n  email: z.string().email(),\n  password: z.string().min(8)\n})\n\nexport default defineEventHandler(async (event) => {\n  const { email, password } = await readValidatedBody(event, bodySchema.parse)\n\n  if (email === 'admin@admin.com' && password === 'iamtheadmin') {\n    // set the user session in the cookie\n    // this server util is auto-imported by the auth-utils module\n    await setUserSession(event, {\n      user: {\n        name: 'John Doe'\n      }\n    })\n    return {}\n  }\n  throw createError({\n    statusCode: 401,\n    message: 'Bad credentials'\n  })\n})\n","server/api/login.post.ts","ts",[1139,1263,1264,1291,1298,1325,1354,1384,1392,1397,1430,1474,1479,1519,1526,1532,1549,1559,1574,1580,1588,1597,1603,1616,1629,1644,1652],{"__ignoreMap":1154},[1158,1265,1266,1270,1273,1276,1279,1282,1285,1288],{"class":1160,"line":1161},[1158,1267,1269],{"class":1268},"sFVN2","import",[1158,1271,1272],{"class":1230}," {",[1158,1274,1275],{"class":1234}," z",[1158,1277,1278],{"class":1230}," }",[1158,1280,1281],{"class":1268}," from",[1158,1283,1284],{"class":1230}," '",[1158,1286,1287],{"class":1168},"zod",[1158,1289,1290],{"class":1230},"'\n",[1158,1292,1294],{"class":1160,"line":1293},2,[1158,1295,1297],{"emptyLinePlaceholder":1296},true,"\n",[1158,1299,1301,1305,1308,1310,1312,1315,1319,1322],{"class":1160,"line":1300},3,[1158,1302,1304],{"class":1303},"sRBFq","const",[1158,1306,1307],{"class":1234}," bodySchema ",[1158,1309,1231],{"class":1230},[1158,1311,1275],{"class":1234},[1158,1313,1314],{"class":1230},".",[1158,1316,1318],{"class":1317},"szd4z","object",[1158,1320,1321],{"class":1234},"(",[1158,1323,1324],{"class":1230},"{\n",[1158,1326,1328,1331,1334,1336,1338,1341,1344,1346,1349,1351],{"class":1160,"line":1327},4,[1158,1329,1330],{"class":1227},"  email",[1158,1332,1333],{"class":1230},":",[1158,1335,1275],{"class":1234},[1158,1337,1314],{"class":1230},[1158,1339,1340],{"class":1317},"string",[1158,1342,1343],{"class":1234},"()",[1158,1345,1314],{"class":1230},[1158,1347,1348],{"class":1317},"email",[1158,1350,1343],{"class":1234},[1158,1352,1353],{"class":1230},",\n",[1158,1355,1357,1360,1362,1364,1366,1368,1370,1372,1375,1377,1381],{"class":1160,"line":1356},5,[1158,1358,1359],{"class":1227},"  password",[1158,1361,1333],{"class":1230},[1158,1363,1275],{"class":1234},[1158,1365,1314],{"class":1230},[1158,1367,1340],{"class":1317},[1158,1369,1343],{"class":1234},[1158,1371,1314],{"class":1230},[1158,1373,1374],{"class":1317},"min",[1158,1376,1321],{"class":1234},[1158,1378,1380],{"class":1379},"sV9sa","8",[1158,1382,1383],{"class":1234},")\n",[1158,1385,1387,1390],{"class":1160,"line":1386},6,[1158,1388,1389],{"class":1230},"}",[1158,1391,1383],{"class":1234},[1158,1393,1395],{"class":1160,"line":1394},7,[1158,1396,1297],{"emptyLinePlaceholder":1296},[1158,1398,1400,1403,1406,1409,1411,1414,1417,1421,1424,1427],{"class":1160,"line":1399},8,[1158,1401,1402],{"class":1268},"export",[1158,1404,1405],{"class":1268}," default",[1158,1407,1408],{"class":1317}," defineEventHandler",[1158,1410,1321],{"class":1234},[1158,1412,1413],{"class":1303},"async",[1158,1415,1416],{"class":1230}," (",[1158,1418,1420],{"class":1419},"ssYd4","event",[1158,1422,1423],{"class":1230},")",[1158,1425,1426],{"class":1303}," =>",[1158,1428,1429],{"class":1230}," {\n",[1158,1431,1433,1436,1438,1441,1444,1447,1449,1452,1455,1458,1460,1462,1464,1467,1469,1472],{"class":1160,"line":1432},9,[1158,1434,1435],{"class":1303},"  const",[1158,1437,1272],{"class":1230},[1158,1439,1440],{"class":1234}," email",[1158,1442,1443],{"class":1230},",",[1158,1445,1446],{"class":1234}," password",[1158,1448,1278],{"class":1230},[1158,1450,1451],{"class":1230}," =",[1158,1453,1454],{"class":1268}," await",[1158,1456,1457],{"class":1317}," readValidatedBody",[1158,1459,1321],{"class":1227},[1158,1461,1420],{"class":1234},[1158,1463,1443],{"class":1230},[1158,1465,1466],{"class":1234}," bodySchema",[1158,1468,1314],{"class":1230},[1158,1470,1471],{"class":1234},"parse",[1158,1473,1383],{"class":1227},[1158,1475,1477],{"class":1160,"line":1476},10,[1158,1478,1297],{"emptyLinePlaceholder":1296},[1158,1480,1482,1485,1487,1489,1492,1494,1497,1500,1503,1505,1507,1509,1512,1514,1517],{"class":1160,"line":1481},11,[1158,1483,1484],{"class":1268},"  if",[1158,1486,1416],{"class":1227},[1158,1488,1348],{"class":1234},[1158,1490,1491],{"class":1230}," ===",[1158,1493,1284],{"class":1230},[1158,1495,1496],{"class":1168},"admin@admin.com",[1158,1498,1499],{"class":1230},"'",[1158,1501,1502],{"class":1230}," &&",[1158,1504,1446],{"class":1234},[1158,1506,1491],{"class":1230},[1158,1508,1284],{"class":1230},[1158,1510,1511],{"class":1168},"iamtheadmin",[1158,1513,1499],{"class":1230},[1158,1515,1516],{"class":1227},") ",[1158,1518,1324],{"class":1230},[1158,1520,1522],{"class":1160,"line":1521},12,[1158,1523,1525],{"class":1524},"svXlt","    // set the user session in the cookie\n",[1158,1527,1529],{"class":1160,"line":1528},13,[1158,1530,1531],{"class":1524},"    // this server util is auto-imported by the auth-utils module\n",[1158,1533,1535,1538,1541,1543,1545,1547],{"class":1160,"line":1534},14,[1158,1536,1537],{"class":1268},"    await",[1158,1539,1540],{"class":1317}," setUserSession",[1158,1542,1321],{"class":1227},[1158,1544,1420],{"class":1234},[1158,1546,1443],{"class":1230},[1158,1548,1429],{"class":1230},[1158,1550,1552,1555,1557],{"class":1160,"line":1551},15,[1158,1553,1554],{"class":1227},"      user",[1158,1556,1333],{"class":1230},[1158,1558,1429],{"class":1230},[1158,1560,1562,1565,1567,1569,1572],{"class":1160,"line":1561},16,[1158,1563,1564],{"class":1227},"        name",[1158,1566,1333],{"class":1230},[1158,1568,1284],{"class":1230},[1158,1570,1571],{"class":1168},"John Doe",[1158,1573,1290],{"class":1230},[1158,1575,1577],{"class":1160,"line":1576},17,[1158,1578,1579],{"class":1230},"      }\n",[1158,1581,1583,1586],{"class":1160,"line":1582},18,[1158,1584,1585],{"class":1230},"    }",[1158,1587,1383],{"class":1227},[1158,1589,1591,1594],{"class":1160,"line":1590},19,[1158,1592,1593],{"class":1268},"    return",[1158,1595,1596],{"class":1230}," {}\n",[1158,1598,1600],{"class":1160,"line":1599},20,[1158,1601,1602],{"class":1230},"  }\n",[1158,1604,1606,1609,1612,1614],{"class":1160,"line":1605},21,[1158,1607,1608],{"class":1268},"  throw",[1158,1610,1611],{"class":1317}," createError",[1158,1613,1321],{"class":1227},[1158,1615,1324],{"class":1230},[1158,1617,1619,1622,1624,1627],{"class":1160,"line":1618},22,[1158,1620,1621],{"class":1227},"    statusCode",[1158,1623,1333],{"class":1230},[1158,1625,1626],{"class":1379}," 401",[1158,1628,1353],{"class":1230},[1158,1630,1632,1635,1637,1639,1642],{"class":1160,"line":1631},23,[1158,1633,1634],{"class":1227},"    message",[1158,1636,1333],{"class":1230},[1158,1638,1284],{"class":1230},[1158,1640,1641],{"class":1168},"Bad credentials",[1158,1643,1290],{"class":1230},[1158,1645,1647,1650],{"class":1160,"line":1646},24,[1158,1648,1649],{"class":1230},"  }",[1158,1651,1383],{"class":1227},[1158,1653,1655,1657],{"class":1160,"line":1654},25,[1158,1656,1389],{"class":1230},[1158,1658,1383],{"class":1234},[1180,1660,1661],{},[1117,1662,1663,1664,1666,1667,1670],{},"Make sure to install the ",[1139,1665,1287],{}," dependency in your project (",[1139,1668,1669],{},"npm i zod",").",[1672,1673,1675],"tip",{"to":1674},"https://github.com/atinux/nuxt-auth-utils#server-utils",[1117,1676,1677,1678,1681,1682,1314],{},"Read more about the ",[1139,1679,1680],{},"setUserSession"," server helper exposed by ",[1139,1683,1141],{},[1113,1685,1687],{"id":1686},"login-page","Login Page",[1117,1689,1690],{},"The module exposes a Vue composable to know if a user is authenticated in our application:",[1148,1692,1696],{"className":1693,"code":1694,"language":1695,"meta":1154,"style":1154},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup>\nconst { loggedIn, session, user, clear, fetch } = useUserSession()\n\u003C/script>\n","vue",[1139,1697,1698,1712,1751],{"__ignoreMap":1154},[1158,1699,1700,1703,1706,1709],{"class":1160,"line":1161},[1158,1701,1702],{"class":1230},"\u003C",[1158,1704,1705],{"class":1227},"script",[1158,1707,1708],{"class":1303}," setup",[1158,1710,1711],{"class":1230},">\n",[1158,1713,1714,1716,1718,1721,1723,1726,1728,1731,1733,1736,1738,1741,1743,1745,1748],{"class":1160,"line":1293},[1158,1715,1304],{"class":1303},[1158,1717,1272],{"class":1230},[1158,1719,1720],{"class":1234}," loggedIn",[1158,1722,1443],{"class":1230},[1158,1724,1725],{"class":1234}," session",[1158,1727,1443],{"class":1230},[1158,1729,1730],{"class":1234}," user",[1158,1732,1443],{"class":1230},[1158,1734,1735],{"class":1234}," clear",[1158,1737,1443],{"class":1230},[1158,1739,1740],{"class":1234}," fetch ",[1158,1742,1389],{"class":1230},[1158,1744,1451],{"class":1230},[1158,1746,1747],{"class":1317}," useUserSession",[1158,1749,1750],{"class":1234},"()\n",[1158,1752,1753,1756,1758],{"class":1160,"line":1300},[1158,1754,1755],{"class":1230},"\u003C/",[1158,1757,1705],{"class":1227},[1158,1759,1711],{"class":1230},[1117,1761,1762,1763,1765],{},"Let's create a login page with a form to submit the login data to our ",[1139,1764,1254],{}," route.",[1148,1767,1770],{"className":1693,"code":1768,"filename":1769,"language":1695,"meta":1154,"style":1154},"\u003Cscript setup lang=\"ts\">\nconst { loggedIn, user, fetch: refreshSession } = useUserSession()\nconst credentials = reactive({\n  email: '',\n  password: '',\n})\nasync function login() {\n  $fetch('/api/login', {\n    method: 'POST',\n    body: credentials\n  })\n  .then(async () => {\n    // Refresh the session on client-side and redirect to the home page\n    await refreshSession()\n    await navigateTo('/')\n  })\n  .catch(() => alert('Bad credentials'))\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cform @submit.prevent=\"login\">\n    \u003Cinput v-model=\"credentials.email\" type=\"email\" placeholder=\"Email\" />\n    \u003Cinput v-model=\"credentials.password\" type=\"password\" placeholder=\"Password\" />\n    \u003Cbutton type=\"submit\">Login\u003C/button>\n  \u003C/form>\n\u003C/template>\n","pages/login.vue",[1139,1771,1772,1794,1824,1840,1851,1861,1867,1881,1898,1914,1924,1930,1949,1954,1963,1981,1987,2014,2019,2027,2031,2040,2062,2108,2149,2179,2189],{"__ignoreMap":1154},[1158,1773,1774,1776,1778,1780,1783,1785,1788,1790,1792],{"class":1160,"line":1161},[1158,1775,1702],{"class":1230},[1158,1777,1705],{"class":1227},[1158,1779,1708],{"class":1303},[1158,1781,1782],{"class":1303}," lang",[1158,1784,1231],{"class":1230},[1158,1786,1787],{"class":1230},"\"",[1158,1789,1261],{"class":1168},[1158,1791,1787],{"class":1230},[1158,1793,1711],{"class":1230},[1158,1795,1796,1798,1800,1802,1804,1806,1808,1811,1813,1816,1818,1820,1822],{"class":1160,"line":1293},[1158,1797,1304],{"class":1303},[1158,1799,1272],{"class":1230},[1158,1801,1720],{"class":1234},[1158,1803,1443],{"class":1230},[1158,1805,1730],{"class":1234},[1158,1807,1443],{"class":1230},[1158,1809,1810],{"class":1227}," fetch",[1158,1812,1333],{"class":1230},[1158,1814,1815],{"class":1234}," refreshSession ",[1158,1817,1389],{"class":1230},[1158,1819,1451],{"class":1230},[1158,1821,1747],{"class":1317},[1158,1823,1750],{"class":1234},[1158,1825,1826,1828,1831,1833,1836,1838],{"class":1160,"line":1300},[1158,1827,1304],{"class":1303},[1158,1829,1830],{"class":1234}," credentials ",[1158,1832,1231],{"class":1230},[1158,1834,1835],{"class":1317}," reactive",[1158,1837,1321],{"class":1234},[1158,1839,1324],{"class":1230},[1158,1841,1842,1844,1846,1849],{"class":1160,"line":1327},[1158,1843,1330],{"class":1227},[1158,1845,1333],{"class":1230},[1158,1847,1848],{"class":1230}," ''",[1158,1850,1353],{"class":1230},[1158,1852,1853,1855,1857,1859],{"class":1160,"line":1356},[1158,1854,1359],{"class":1227},[1158,1856,1333],{"class":1230},[1158,1858,1848],{"class":1230},[1158,1860,1353],{"class":1230},[1158,1862,1863,1865],{"class":1160,"line":1386},[1158,1864,1389],{"class":1230},[1158,1866,1383],{"class":1234},[1158,1868,1869,1871,1874,1877,1879],{"class":1160,"line":1394},[1158,1870,1413],{"class":1303},[1158,1872,1873],{"class":1303}," function",[1158,1875,1876],{"class":1317}," login",[1158,1878,1343],{"class":1230},[1158,1880,1429],{"class":1230},[1158,1882,1883,1886,1888,1890,1892,1894,1896],{"class":1160,"line":1399},[1158,1884,1885],{"class":1317},"  $fetch",[1158,1887,1321],{"class":1227},[1158,1889,1499],{"class":1230},[1158,1891,1254],{"class":1168},[1158,1893,1499],{"class":1230},[1158,1895,1443],{"class":1230},[1158,1897,1429],{"class":1230},[1158,1899,1900,1903,1905,1907,1910,1912],{"class":1160,"line":1432},[1158,1901,1902],{"class":1227},"    method",[1158,1904,1333],{"class":1230},[1158,1906,1284],{"class":1230},[1158,1908,1909],{"class":1168},"POST",[1158,1911,1499],{"class":1230},[1158,1913,1353],{"class":1230},[1158,1915,1916,1919,1921],{"class":1160,"line":1476},[1158,1917,1918],{"class":1227},"    body",[1158,1920,1333],{"class":1230},[1158,1922,1923],{"class":1234}," credentials\n",[1158,1925,1926,1928],{"class":1160,"line":1481},[1158,1927,1649],{"class":1230},[1158,1929,1383],{"class":1227},[1158,1931,1932,1935,1938,1940,1942,1945,1947],{"class":1160,"line":1521},[1158,1933,1934],{"class":1230},"  .",[1158,1936,1937],{"class":1317},"then",[1158,1939,1321],{"class":1227},[1158,1941,1413],{"class":1303},[1158,1943,1944],{"class":1230}," ()",[1158,1946,1426],{"class":1303},[1158,1948,1429],{"class":1230},[1158,1950,1951],{"class":1160,"line":1528},[1158,1952,1953],{"class":1524},"    // Refresh the session on client-side and redirect to the home page\n",[1158,1955,1956,1958,1961],{"class":1160,"line":1534},[1158,1957,1537],{"class":1268},[1158,1959,1960],{"class":1317}," refreshSession",[1158,1962,1750],{"class":1227},[1158,1964,1965,1967,1970,1972,1974,1977,1979],{"class":1160,"line":1551},[1158,1966,1537],{"class":1268},[1158,1968,1969],{"class":1317}," navigateTo",[1158,1971,1321],{"class":1227},[1158,1973,1499],{"class":1230},[1158,1975,1976],{"class":1168},"/",[1158,1978,1499],{"class":1230},[1158,1980,1383],{"class":1227},[1158,1982,1983,1985],{"class":1160,"line":1561},[1158,1984,1649],{"class":1230},[1158,1986,1383],{"class":1227},[1158,1988,1989,1991,1994,1996,1998,2000,2003,2005,2007,2009,2011],{"class":1160,"line":1576},[1158,1990,1934],{"class":1230},[1158,1992,1993],{"class":1317},"catch",[1158,1995,1321],{"class":1227},[1158,1997,1343],{"class":1230},[1158,1999,1426],{"class":1303},[1158,2001,2002],{"class":1317}," alert",[1158,2004,1321],{"class":1227},[1158,2006,1499],{"class":1230},[1158,2008,1641],{"class":1168},[1158,2010,1499],{"class":1230},[1158,2012,2013],{"class":1227},"))\n",[1158,2015,2016],{"class":1160,"line":1582},[1158,2017,2018],{"class":1230},"}\n",[1158,2020,2021,2023,2025],{"class":1160,"line":1590},[1158,2022,1755],{"class":1230},[1158,2024,1705],{"class":1227},[1158,2026,1711],{"class":1230},[1158,2028,2029],{"class":1160,"line":1599},[1158,2030,1297],{"emptyLinePlaceholder":1296},[1158,2032,2033,2035,2038],{"class":1160,"line":1605},[1158,2034,1702],{"class":1230},[1158,2036,2037],{"class":1227},"template",[1158,2039,1711],{"class":1230},[1158,2041,2042,2045,2048,2051,2053,2055,2058,2060],{"class":1160,"line":1618},[1158,2043,2044],{"class":1230},"  \u003C",[1158,2046,2047],{"class":1227},"form",[1158,2049,2050],{"class":1303}," @submit.prevent",[1158,2052,1231],{"class":1230},[1158,2054,1787],{"class":1230},[1158,2056,2057],{"class":1168},"login",[1158,2059,1787],{"class":1230},[1158,2061,1711],{"class":1230},[1158,2063,2064,2067,2070,2073,2075,2077,2080,2082,2085,2087,2089,2091,2093,2096,2098,2100,2103,2105],{"class":1160,"line":1631},[1158,2065,2066],{"class":1230},"    \u003C",[1158,2068,2069],{"class":1227},"input",[1158,2071,2072],{"class":1303}," v-model",[1158,2074,1231],{"class":1230},[1158,2076,1787],{"class":1230},[1158,2078,2079],{"class":1168},"credentials.email",[1158,2081,1787],{"class":1230},[1158,2083,2084],{"class":1303}," type",[1158,2086,1231],{"class":1230},[1158,2088,1787],{"class":1230},[1158,2090,1348],{"class":1168},[1158,2092,1787],{"class":1230},[1158,2094,2095],{"class":1303}," placeholder",[1158,2097,1231],{"class":1230},[1158,2099,1787],{"class":1230},[1158,2101,2102],{"class":1168},"Email",[1158,2104,1787],{"class":1230},[1158,2106,2107],{"class":1230}," />\n",[1158,2109,2110,2112,2114,2116,2118,2120,2123,2125,2127,2129,2131,2134,2136,2138,2140,2142,2145,2147],{"class":1160,"line":1646},[1158,2111,2066],{"class":1230},[1158,2113,2069],{"class":1227},[1158,2115,2072],{"class":1303},[1158,2117,1231],{"class":1230},[1158,2119,1787],{"class":1230},[1158,2121,2122],{"class":1168},"credentials.password",[1158,2124,1787],{"class":1230},[1158,2126,2084],{"class":1303},[1158,2128,1231],{"class":1230},[1158,2130,1787],{"class":1230},[1158,2132,2133],{"class":1168},"password",[1158,2135,1787],{"class":1230},[1158,2137,2095],{"class":1303},[1158,2139,1231],{"class":1230},[1158,2141,1787],{"class":1230},[1158,2143,2144],{"class":1168},"Password",[1158,2146,1787],{"class":1230},[1158,2148,2107],{"class":1230},[1158,2150,2151,2153,2156,2158,2160,2162,2165,2167,2170,2173,2175,2177],{"class":1160,"line":1654},[1158,2152,2066],{"class":1230},[1158,2154,2155],{"class":1227},"button",[1158,2157,2084],{"class":1303},[1158,2159,1231],{"class":1230},[1158,2161,1787],{"class":1230},[1158,2163,2164],{"class":1168},"submit",[1158,2166,1787],{"class":1230},[1158,2168,2169],{"class":1230},">",[1158,2171,2172],{"class":1234},"Login",[1158,2174,1755],{"class":1230},[1158,2176,2155],{"class":1227},[1158,2178,1711],{"class":1230},[1158,2180,2182,2185,2187],{"class":1160,"line":2181},26,[1158,2183,2184],{"class":1230},"  \u003C/",[1158,2186,2047],{"class":1227},[1158,2188,1711],{"class":1230},[1158,2190,2192,2194,2196],{"class":1160,"line":2191},27,[1158,2193,1755],{"class":1230},[1158,2195,2037],{"class":1227},[1158,2197,1711],{"class":1230},[1113,2199,2201],{"id":2200},"protect-api-routes","Protect API Routes",[1117,2203,2204],{},"Protecting server routes is key to making sure your data is safe. Client-side middleware is helpful for the user, but without server-side protection your data can still be accessed. It is critical to protect any routes with sensitive data, we should return a 401 error if the user is not logged in on those.",[1117,2206,2207,2208,2211,2212,2215],{},"The ",[1139,2209,2210],{},"auth-utils"," module provides the ",[1139,2213,2214],{},"requireUserSession"," utility function to help make sure that users are logged in and have an active session.",[1117,2217,2218,2219,2222],{},"Let's create an example of a ",[1139,2220,2221],{},"/api/user/stats"," route that only authenticated users can access.",[1148,2224,2227],{"className":1258,"code":2225,"filename":2226,"language":1261,"meta":1154,"style":1154},"export default defineEventHandler(async (event) => {\n  // make sure the user is logged in\n  // This will throw a 401 error if the request doesn't come from a valid user session\n  const { user } = await requireUserSession(event)\n\n  // TODO: Fetch some stats based on the user\n\n  return {}\n});\n","server/api/user/stats.get.ts",[1139,2228,2229,2251,2256,2261,2284,2288,2293,2297,2304],{"__ignoreMap":1154},[1158,2230,2231,2233,2235,2237,2239,2241,2243,2245,2247,2249],{"class":1160,"line":1161},[1158,2232,1402],{"class":1268},[1158,2234,1405],{"class":1268},[1158,2236,1408],{"class":1317},[1158,2238,1321],{"class":1234},[1158,2240,1413],{"class":1303},[1158,2242,1416],{"class":1230},[1158,2244,1420],{"class":1419},[1158,2246,1423],{"class":1230},[1158,2248,1426],{"class":1303},[1158,2250,1429],{"class":1230},[1158,2252,2253],{"class":1160,"line":1293},[1158,2254,2255],{"class":1524},"  // make sure the user is logged in\n",[1158,2257,2258],{"class":1160,"line":1300},[1158,2259,2260],{"class":1524},"  // This will throw a 401 error if the request doesn't come from a valid user session\n",[1158,2262,2263,2265,2267,2269,2271,2273,2275,2278,2280,2282],{"class":1160,"line":1327},[1158,2264,1435],{"class":1303},[1158,2266,1272],{"class":1230},[1158,2268,1730],{"class":1234},[1158,2270,1278],{"class":1230},[1158,2272,1451],{"class":1230},[1158,2274,1454],{"class":1268},[1158,2276,2277],{"class":1317}," requireUserSession",[1158,2279,1321],{"class":1227},[1158,2281,1420],{"class":1234},[1158,2283,1383],{"class":1227},[1158,2285,2286],{"class":1160,"line":1356},[1158,2287,1297],{"emptyLinePlaceholder":1296},[1158,2289,2290],{"class":1160,"line":1386},[1158,2291,2292],{"class":1524},"  // TODO: Fetch some stats based on the user\n",[1158,2294,2295],{"class":1160,"line":1394},[1158,2296,1297],{"emptyLinePlaceholder":1296},[1158,2298,2299,2302],{"class":1160,"line":1399},[1158,2300,2301],{"class":1268},"  return",[1158,2303,1596],{"class":1230},[1158,2305,2306,2308,2310],{"class":1160,"line":1432},[1158,2307,1389],{"class":1230},[1158,2309,1423],{"class":1234},[1158,2311,2312],{"class":1230},";\n",[1113,2314,2316],{"id":2315},"protect-app-routes","Protect App Routes",[1117,2318,2319,2320,2323,2324,2329],{},"Our data is safe with the server-side route in place, but without doing anything else, unauthenticated users would probably get some odd data when trying to access the ",[1139,2321,2322],{},"/users"," page. We should create a ",[1121,2325,2328],{"href":2326,"rel":2327},"https://nuxt.com/docs/guide/directory-structure/middleware",[1125],"client-side middleware"," to protect the route on the client side and redirect users to the login page.",[1117,2331,2332,2334,2335,2338],{},[1139,2333,1141],{}," provides a convenient ",[1139,2336,2337],{},"useUserSession"," composable which we'll use to check if the user is logged in, and redirect them if they are not.",[1117,2340,2341,2342,2345],{},"We'll create a middleware in the ",[1139,2343,2344],{},"/middleware"," directory. Unlike on the server, client-side middleware is not automatically applied to all endpoints, and we'll need to specify where we want it applied.",[1148,2347,2352],{"className":2348,"code":2349,"filename":2350,"language":2351,"meta":1154,"style":1154},"language-typescript shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtRouteMiddleware(() => {\n  const { loggedIn } = useUserSession()\n\n  // redirect the user to the login screen if they're not authenticated\n  if (!loggedIn.value) {\n    return navigateTo('/login')\n  }\n})\n","middleware/authenticated.ts","typescript",[1139,2353,2354,2371,2387,2391,2396,2417,2434,2438],{"__ignoreMap":1154},[1158,2355,2356,2358,2360,2363,2365,2367,2369],{"class":1160,"line":1161},[1158,2357,1402],{"class":1268},[1158,2359,1405],{"class":1268},[1158,2361,2362],{"class":1317}," defineNuxtRouteMiddleware",[1158,2364,1321],{"class":1234},[1158,2366,1343],{"class":1230},[1158,2368,1426],{"class":1303},[1158,2370,1429],{"class":1230},[1158,2372,2373,2375,2377,2379,2381,2383,2385],{"class":1160,"line":1293},[1158,2374,1435],{"class":1303},[1158,2376,1272],{"class":1230},[1158,2378,1720],{"class":1234},[1158,2380,1278],{"class":1230},[1158,2382,1451],{"class":1230},[1158,2384,1747],{"class":1317},[1158,2386,1750],{"class":1227},[1158,2388,2389],{"class":1160,"line":1300},[1158,2390,1297],{"emptyLinePlaceholder":1296},[1158,2392,2393],{"class":1160,"line":1327},[1158,2394,2395],{"class":1524},"  // redirect the user to the login screen if they're not authenticated\n",[1158,2397,2398,2400,2402,2405,2408,2410,2413,2415],{"class":1160,"line":1356},[1158,2399,1484],{"class":1268},[1158,2401,1416],{"class":1227},[1158,2403,2404],{"class":1230},"!",[1158,2406,2407],{"class":1234},"loggedIn",[1158,2409,1314],{"class":1230},[1158,2411,2412],{"class":1234},"value",[1158,2414,1516],{"class":1227},[1158,2416,1324],{"class":1230},[1158,2418,2419,2421,2423,2425,2427,2430,2432],{"class":1160,"line":1386},[1158,2420,1593],{"class":1268},[1158,2422,1969],{"class":1317},[1158,2424,1321],{"class":1227},[1158,2426,1499],{"class":1230},[1158,2428,2429],{"class":1168},"/login",[1158,2431,1499],{"class":1230},[1158,2433,1383],{"class":1227},[1158,2435,2436],{"class":1160,"line":1394},[1158,2437,1602],{"class":1230},[1158,2439,2440,2442],{"class":1160,"line":1399},[1158,2441,1389],{"class":1230},[1158,2443,1383],{"class":1234},[1113,2445,2447],{"id":2446},"home-page","Home Page",[1117,2449,2450],{},"Now that we have our app middleware to protect our routes, we can use it on our home page that display our authenticated user informations. If the user is not authenticated, they will be redirected to the login page.",[1117,2452,2453,2454,2458],{},"We'll use ",[1121,2455,2456],{"href":588},[1139,2457,587],{}," to apply the middleware to the route that we want to protect.",[1148,2460,2463],{"className":1693,"code":2461,"filename":2462,"language":1695,"meta":1154,"style":1154},"\u003Cscript setup lang=\"ts\">\ndefinePageMeta({\n  middleware: ['authenticated'],\n})\n  \nconst { user, clear: clearSession } = useUserSession()\n\nasync function logout() {\n  await clearSession()\n  await navigateTo('/login')\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>Welcome {{ user.name }}\u003C/h1>\n    \u003Cbutton @click=\"logout\">Logout\u003C/button>\n  \u003C/div>\n\u003C/template>\n","pages/index.vue",[1139,2464,2465,2485,2493,2515,2521,2526,2551,2555,2568,2578,2594,2598,2606,2610,2618,2627,2645,2674,2682],{"__ignoreMap":1154},[1158,2466,2467,2469,2471,2473,2475,2477,2479,2481,2483],{"class":1160,"line":1161},[1158,2468,1702],{"class":1230},[1158,2470,1705],{"class":1227},[1158,2472,1708],{"class":1303},[1158,2474,1782],{"class":1303},[1158,2476,1231],{"class":1230},[1158,2478,1787],{"class":1230},[1158,2480,1261],{"class":1168},[1158,2482,1787],{"class":1230},[1158,2484,1711],{"class":1230},[1158,2486,2487,2489,2491],{"class":1160,"line":1293},[1158,2488,587],{"class":1317},[1158,2490,1321],{"class":1234},[1158,2492,1324],{"class":1230},[1158,2494,2495,2498,2500,2503,2505,2508,2510,2513],{"class":1160,"line":1300},[1158,2496,2497],{"class":1227},"  middleware",[1158,2499,1333],{"class":1230},[1158,2501,2502],{"class":1234}," [",[1158,2504,1499],{"class":1230},[1158,2506,2507],{"class":1168},"authenticated",[1158,2509,1499],{"class":1230},[1158,2511,2512],{"class":1234},"]",[1158,2514,1353],{"class":1230},[1158,2516,2517,2519],{"class":1160,"line":1327},[1158,2518,1389],{"class":1230},[1158,2520,1383],{"class":1234},[1158,2522,2523],{"class":1160,"line":1356},[1158,2524,2525],{"class":1234},"  \n",[1158,2527,2528,2530,2532,2534,2536,2538,2540,2543,2545,2547,2549],{"class":1160,"line":1386},[1158,2529,1304],{"class":1303},[1158,2531,1272],{"class":1230},[1158,2533,1730],{"class":1234},[1158,2535,1443],{"class":1230},[1158,2537,1735],{"class":1227},[1158,2539,1333],{"class":1230},[1158,2541,2542],{"class":1234}," clearSession ",[1158,2544,1389],{"class":1230},[1158,2546,1451],{"class":1230},[1158,2548,1747],{"class":1317},[1158,2550,1750],{"class":1234},[1158,2552,2553],{"class":1160,"line":1394},[1158,2554,1297],{"emptyLinePlaceholder":1296},[1158,2556,2557,2559,2561,2564,2566],{"class":1160,"line":1399},[1158,2558,1413],{"class":1303},[1158,2560,1873],{"class":1303},[1158,2562,2563],{"class":1317}," logout",[1158,2565,1343],{"class":1230},[1158,2567,1429],{"class":1230},[1158,2569,2570,2573,2576],{"class":1160,"line":1432},[1158,2571,2572],{"class":1268},"  await",[1158,2574,2575],{"class":1317}," clearSession",[1158,2577,1750],{"class":1227},[1158,2579,2580,2582,2584,2586,2588,2590,2592],{"class":1160,"line":1476},[1158,2581,2572],{"class":1268},[1158,2583,1969],{"class":1317},[1158,2585,1321],{"class":1227},[1158,2587,1499],{"class":1230},[1158,2589,2429],{"class":1168},[1158,2591,1499],{"class":1230},[1158,2593,1383],{"class":1227},[1158,2595,2596],{"class":1160,"line":1481},[1158,2597,2018],{"class":1230},[1158,2599,2600,2602,2604],{"class":1160,"line":1521},[1158,2601,1755],{"class":1230},[1158,2603,1705],{"class":1227},[1158,2605,1711],{"class":1230},[1158,2607,2608],{"class":1160,"line":1528},[1158,2609,1297],{"emptyLinePlaceholder":1296},[1158,2611,2612,2614,2616],{"class":1160,"line":1534},[1158,2613,1702],{"class":1230},[1158,2615,2037],{"class":1227},[1158,2617,1711],{"class":1230},[1158,2619,2620,2622,2625],{"class":1160,"line":1551},[1158,2621,2044],{"class":1230},[1158,2623,2624],{"class":1227},"div",[1158,2626,1711],{"class":1230},[1158,2628,2629,2631,2634,2636,2639,2641,2643],{"class":1160,"line":1561},[1158,2630,2066],{"class":1230},[1158,2632,2633],{"class":1227},"h1",[1158,2635,2169],{"class":1230},[1158,2637,2638],{"class":1234},"Welcome {{ user.name }}",[1158,2640,1755],{"class":1230},[1158,2642,2633],{"class":1227},[1158,2644,1711],{"class":1230},[1158,2646,2647,2649,2651,2654,2656,2658,2661,2663,2665,2668,2670,2672],{"class":1160,"line":1576},[1158,2648,2066],{"class":1230},[1158,2650,2155],{"class":1227},[1158,2652,2653],{"class":1303}," @click",[1158,2655,1231],{"class":1230},[1158,2657,1787],{"class":1230},[1158,2659,2660],{"class":1168},"logout",[1158,2662,1787],{"class":1230},[1158,2664,2169],{"class":1230},[1158,2666,2667],{"class":1234},"Logout",[1158,2669,1755],{"class":1230},[1158,2671,2155],{"class":1227},[1158,2673,1711],{"class":1230},[1158,2675,2676,2678,2680],{"class":1160,"line":1582},[1158,2677,2184],{"class":1230},[1158,2679,2624],{"class":1227},[1158,2681,1711],{"class":1230},[1158,2683,2684,2686,2688],{"class":1160,"line":1590},[1158,2685,1755],{"class":1230},[1158,2687,2037],{"class":1227},[1158,2689,1711],{"class":1230},[1117,2691,2692],{},"We also added a logout button to clear the session and redirect the user to the login page.",[1113,2694,2696],{"id":2695},"conclusion","Conclusion",[1117,2698,2699],{},"We've successfully set up a very basic user authentication and session management in our Nuxt app. We've also protected sensitive routes on the server and client side to ensure that only authenticated users can access them.",[1117,2701,2702],{},"As next steps, you can:",[2704,2705,2706,2715,2729,2737],"ul",{},[2707,2708,2709,2710],"li",{},"Add authentication using the ",[1121,2711,2714],{"href":2712,"rel":2713},"https://github.com/atinux/nuxt-auth-utils?tab=readme-ov-file#supported-oauth-providers",[1125],"20+ supported OAuth providers",[2707,2716,2717,2718,2723,2724],{},"Add a database to store users, see ",[1121,2719,2722],{"href":2720,"rel":2721},"https://nitro.build/guide/database",[1125],"Nitro SQL Database"," or ",[1121,2725,2728],{"href":2726,"rel":2727},"https://hub.nuxt.com/docs/features/database",[1125],"NuxtHub SQL Database",[2707,2730,2731,2732],{},"Let user signup with email & password using ",[1121,2733,2736],{"href":2734,"rel":2735},"https://github.com/atinux/nuxt-auth-utils?tab=readme-ov-file#password-hashing",[1125],"password hashing",[2707,2738,2739,2740],{},"Add support for ",[1121,2741,2744],{"href":2742,"rel":2743},"https://github.com/atinux/nuxt-auth-utils?tab=readme-ov-file#webauthn-passkey",[1125],"WebAuthn / Passkeys",[1117,2746,2747,2748,2753],{},"Checkout the open source ",[1121,2749,2752],{"href":2750,"rel":2751},"https://github.com/atinux/atidone",[1125],"atidone repository"," for a full example of a Nuxt app with OAuth authentication, database and CRUD operations.",[2755,2756,2757],"style",{},"html pre.shiki code .sT2Ow, html code.shiki .sT2Ow{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .s5UST, html code.shiki .s5UST{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}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 .sQ5dg, html code.shiki .sQ5dg{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .sYp4K, html code.shiki .sYp4K{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .spdxX, html code.shiki .spdxX{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}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 .szd4z, html code.shiki .szd4z{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sV9sa, html code.shiki .sV9sa{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}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 .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":1154,"searchDepth":1293,"depth":1293,"links":2759},[2760,2761,2762,2763,2764,2765,2766,2767,2768],{"id":1115,"depth":1293,"text":19},{"id":1133,"depth":1293,"text":1134},{"id":1195,"depth":1293,"text":1196},{"id":1244,"depth":1293,"text":1245},{"id":1686,"depth":1293,"text":1687},{"id":2200,"depth":1293,"text":2201},{"id":2315,"depth":1293,"text":2316},{"id":2446,"depth":1293,"text":2447},{"id":2695,"depth":1293,"text":2696},"Authentication is an extremely common requirement in web apps. This recipe will show you how to implement basic user registration and authentication in your Nuxt app.","md",{},{"title":342,"description":2769},"Jof7BC3MFS",[2775,2777],{"title":338,"path":339,"stem":340,"description":2776,"children":-1},"How to create a custom fetcher for calling your external API in Nuxt 3.",{"title":360,"path":361,"stem":362,"description":2778,"children":-1},"Render components only in client-side with the \u003CClientOnly> component.",1742651408611]