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