[{"data":1,"prerenderedAt":5679},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2028,"-docs-3-x-getting-started-styling":2032,"-docs-3-x-getting-started-styling-surround":5674},[4,1120,1939],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-book-marked","/docs/3.x","docs/3.x",[11,109,246,426,907,999,1036,1078],{"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/3.x/getting-started","docs/3.x/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/3.x/getting-started/introduction","docs/3.x/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/3.x/getting-started/installation","docs/3.x/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/3.x/getting-started/configuration","docs/3.x/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/3.x/getting-started/views","docs/3.x/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/3.x/getting-started/assets","docs/3.x/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/3.x/getting-started/styling","docs/3.x/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/3.x/getting-started/routing","docs/3.x/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/3.x/getting-started/seo-meta","docs/3.x/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/3.x/getting-started/transitions","docs/3.x/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/3.x/getting-started/data-fetching","docs/3.x/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/3.x/getting-started/state-management","docs/3.x/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/3.x/getting-started/error-handling","docs/3.x/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/3.x/getting-started/server","docs/3.x/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/3.x/getting-started/layers","docs/3.x/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/3.x/getting-started/prerendering","docs/3.x/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/3.x/getting-started/deployment","docs/3.x/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/3.x/getting-started/testing","docs/3.x/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/3.x/getting-started/upgrade","docs/3.x/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":111,"icon":112,"path":113,"stem":114,"children":115,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-vscode-icons-default-folder","/docs/3.x/directory-structure","docs/3.x/2.directory-structure",[116,121,126,131,136,141,146,151,156,161,165,170,174,179,184,189,194,199,204,209,214,218,223,228,232,236,241],{"title":117,"path":118,"stem":119,"titleTemplate":6,"icon":120},".nuxt","/docs/3.x/directory-structure/nuxt","docs/3.x/2.directory-structure/0.nuxt","i-vscode-icons-folder-type-temp",{"title":122,"path":123,"stem":124,"titleTemplate":6,"icon":125},".output","/docs/3.x/directory-structure/output","docs/3.x/2.directory-structure/0.output","i-vscode-icons-folder-type-package",{"title":127,"path":128,"stem":129,"titleTemplate":6,"icon":130},"assets","/docs/3.x/directory-structure/assets","docs/3.x/2.directory-structure/1.assets","i-vscode-icons-folder-type-asset",{"title":132,"path":133,"stem":134,"titleTemplate":6,"icon":135},"components","/docs/3.x/directory-structure/components","docs/3.x/2.directory-structure/1.components","i-vscode-icons-folder-type-component",{"title":137,"path":138,"stem":139,"titleTemplate":6,"icon":140},"composables","/docs/3.x/directory-structure/composables","docs/3.x/2.directory-structure/1.composables","i-vscode-icons-folder-type-src",{"title":142,"path":143,"stem":144,"titleTemplate":6,"icon":145},"content","/docs/3.x/directory-structure/content","docs/3.x/2.directory-structure/1.content","i-vscode-icons-folder-type-log",{"title":147,"path":148,"stem":149,"titleTemplate":6,"icon":150},"layers","/docs/3.x/directory-structure/layers","docs/3.x/2.directory-structure/1.layers","i-vscode-icons-folder-type-nuxt",{"title":152,"path":153,"stem":154,"titleTemplate":6,"icon":155},"layouts","/docs/3.x/directory-structure/layouts","docs/3.x/2.directory-structure/1.layouts","i-vscode-icons-folder-type-view",{"title":157,"path":158,"stem":159,"titleTemplate":6,"icon":160},"middleware","/docs/3.x/directory-structure/middleware","docs/3.x/2.directory-structure/1.middleware","i-vscode-icons-folder-type-middleware",{"title":162,"path":163,"stem":164,"titleTemplate":6,"icon":150},"modules","/docs/3.x/directory-structure/modules","docs/3.x/2.directory-structure/1.modules",{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},"node_modules","/docs/3.x/directory-structure/node_modules","docs/3.x/2.directory-structure/1.node_modules","i-vscode-icons-folder-type-node",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":155},"pages","/docs/3.x/directory-structure/pages","docs/3.x/2.directory-structure/1.pages",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":178},"plugins","/docs/3.x/directory-structure/plugins","docs/3.x/2.directory-structure/1.plugins","i-vscode-icons-folder-type-plugin",{"title":180,"path":181,"stem":182,"titleTemplate":6,"icon":183},"public","/docs/3.x/directory-structure/public","docs/3.x/2.directory-structure/1.public","i-vscode-icons-folder-type-public",{"title":185,"path":186,"stem":187,"titleTemplate":6,"icon":188},"server","/docs/3.x/directory-structure/server","docs/3.x/2.directory-structure/1.server","i-vscode-icons-folder-type-server",{"title":190,"path":191,"stem":192,"titleTemplate":6,"icon":193},"shared","/docs/3.x/directory-structure/shared","docs/3.x/2.directory-structure/1.shared","i-vscode-icons-folder-type-shared",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":198},"utils","/docs/3.x/directory-structure/utils","docs/3.x/2.directory-structure/1.utils","i-vscode-icons-folder-type-tools",{"title":200,"path":201,"stem":202,"titleTemplate":6,"icon":203},".env","/docs/3.x/directory-structure/env","docs/3.x/2.directory-structure/2.env","i-vscode-icons-file-type-dotenv",{"title":205,"path":206,"stem":207,"titleTemplate":6,"icon":208},".gitignore","/docs/3.x/directory-structure/gitignore","docs/3.x/2.directory-structure/2.gitignore","i-vscode-icons-file-type-git",{"title":210,"path":211,"stem":212,"titleTemplate":6,"icon":213},".nuxtignore","/docs/3.x/directory-structure/nuxtignore","docs/3.x/2.directory-structure/2.nuxtignore","i-vscode-icons-file-type-nuxt",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":213},".nuxtrc","/docs/3.x/directory-structure/nuxtrc","docs/3.x/2.directory-structure/2.nuxtrc",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":222},"app.vue","/docs/3.x/directory-structure/app","docs/3.x/2.directory-structure/3.app","i-vscode-icons-file-type-vue",{"title":224,"path":225,"stem":226,"titleTemplate":6,"icon":227},"app.config.ts","/docs/3.x/directory-structure/app-config","docs/3.x/2.directory-structure/3.app-config","i-vscode-icons-file-type-light-config",{"title":229,"path":230,"stem":231,"titleTemplate":6,"icon":222},"error.vue","/docs/3.x/directory-structure/error","docs/3.x/2.directory-structure/3.error",{"title":233,"path":234,"stem":235,"titleTemplate":6,"icon":213},"nuxt.config.ts","/docs/3.x/directory-structure/nuxt-config","docs/3.x/2.directory-structure/3.nuxt-config",{"title":237,"path":238,"stem":239,"titleTemplate":6,"icon":240},"package.json","/docs/3.x/directory-structure/package","docs/3.x/2.directory-structure/3.package","i-vscode-icons-file-type-npm",{"title":242,"path":243,"stem":244,"titleTemplate":6,"icon":245},"tsconfig.json","/docs/3.x/directory-structure/tsconfig","docs/3.x/2.directory-structure/3.tsconfig","i-vscode-icons-file-type-tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":249,"stem":250,"children":251,"page":108},"Guide","i-lucide-book-open","/docs/3.x/guide","docs/3.x/3.guide",[252,287,306,321,356,379],{"title":253,"titleTemplate":254,"icon":255,"path":256,"stem":257,"children":258,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/3.x/guide/concepts","docs/3.x/3.guide/1.concepts",[259,263,267,271,275,279,283],{"title":260,"path":261,"stem":262,"titleTemplate":6},"Rendering Modes","/docs/3.x/guide/concepts/rendering","docs/3.x/3.guide/1.concepts/1.rendering",{"title":264,"path":265,"stem":266,"titleTemplate":6},"Nuxt Lifecycle","/docs/3.x/guide/concepts/nuxt-lifecycle","docs/3.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":269,"stem":270,"titleTemplate":6},"Auto-imports","/docs/3.x/guide/concepts/auto-imports","docs/3.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":273,"stem":274,"titleTemplate":6},"Server Engine","/docs/3.x/guide/concepts/server-engine","docs/3.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":277,"stem":278,"titleTemplate":6},"Modules","/docs/3.x/guide/concepts/modules","docs/3.x/3.guide/1.concepts/5.modules",{"title":280,"path":281,"stem":282,"titleTemplate":6},"TypeScript","/docs/3.x/guide/concepts/typescript","docs/3.x/3.guide/1.concepts/8.typescript",{"title":284,"path":285,"stem":286,"titleTemplate":6},"Code Style","/docs/3.x/guide/concepts/code-style","docs/3.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":291,"stem":292,"children":293,"page":108},"Best Practices","%s · Best Practices","i-lucide-square-check","/docs/3.x/guide/best-practices","docs/3.x/3.guide/2.best-practices",[294,298,302],{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nuxt and hydration","/docs/3.x/guide/best-practices/hydration","docs/3.x/3.guide/2.best-practices/hydration",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Nuxt Performance","/docs/3.x/guide/best-practices/performance","docs/3.x/3.guide/2.best-practices/performance",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Nuxt Plugins","/docs/3.x/guide/best-practices/plugins","docs/3.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":310,"stem":311,"children":312,"page":108},"Working with AI","Working with AI: %s","i-lucide-bot","/docs/3.x/guide/ai","docs/3.x/3.guide/3.ai",[313,317],{"title":314,"path":315,"stem":316,"titleTemplate":6},"MCP Server","/docs/3.x/guide/ai/mcp","docs/3.x/3.guide/3.ai/1.mcp",{"title":318,"path":319,"stem":320,"titleTemplate":6},"LLMs.txt","/docs/3.x/guide/ai/llms-txt","docs/3.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":325,"stem":326,"children":327,"page":108},"Module Author Guide","%s · Nuxt Modules Author Guide","i-lucide-box","/docs/3.x/guide/modules","docs/3.x/3.guide/4.modules",[328,332,336,340,344,348,352],{"title":329,"path":330,"stem":331,"titleTemplate":6},"Create Your First Module","/docs/3.x/guide/modules/getting-started","docs/3.x/3.guide/4.modules/1.getting-started",{"title":333,"path":334,"stem":335,"titleTemplate":6},"Understand Module Structure","/docs/3.x/guide/modules/module-anatomy","docs/3.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":338,"stem":339,"titleTemplate":6},"Add Plugins, Components & More","/docs/3.x/guide/modules/recipes-basics","docs/3.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":342,"stem":343,"titleTemplate":6},"Use Hooks & Extend Types","/docs/3.x/guide/modules/recipes-advanced","docs/3.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":346,"stem":347,"titleTemplate":6},"Test Your Module","/docs/3.x/guide/modules/testing","docs/3.x/3.guide/4.modules/5.testing",{"title":349,"path":350,"stem":351,"titleTemplate":6},"Follow Best Practices","/docs/3.x/guide/modules/best-practices","docs/3.x/3.guide/4.modules/6.best-practices",{"title":353,"path":354,"stem":355,"titleTemplate":6},"Publish & Share Your Module","/docs/3.x/guide/modules/ecosystem","docs/3.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":360,"stem":361,"children":362,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/3.x/guide/recipes","docs/3.x/3.guide/5.recipes",[363,367,371,375],{"title":364,"path":365,"stem":366,"titleTemplate":6},"Custom Routing","/docs/3.x/guide/recipes/custom-routing","docs/3.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":369,"stem":370,"titleTemplate":6},"Vite Plugins","/docs/3.x/guide/recipes/vite-plugin","docs/3.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":373,"stem":374,"titleTemplate":6},"Custom useFetch","/docs/3.x/guide/recipes/custom-usefetch","docs/3.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":377,"stem":378,"titleTemplate":6},"Sessions and Authentication","/docs/3.x/guide/recipes/sessions-and-authentication","docs/3.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":383,"stem":384,"children":385,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/3.x/guide/going-further","docs/3.x/3.guide/6.going-further",[386,390,394,398,402,406,410,414,418,422],{"title":387,"path":388,"stem":389,"titleTemplate":6},"Custom Events","/docs/3.x/guide/going-further/events","docs/3.x/3.guide/6.going-further/1.events",{"title":391,"path":392,"stem":393,"titleTemplate":6},"Experimental Features","/docs/3.x/guide/going-further/experimental-features","docs/3.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":396,"stem":397,"titleTemplate":6},"Features","/docs/3.x/guide/going-further/features","docs/3.x/3.guide/6.going-further/1.features",{"title":399,"path":400,"stem":401,"titleTemplate":6},"Runtime Config","/docs/3.x/guide/going-further/runtime-config","docs/3.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":404,"stem":405,"titleTemplate":6},"Nightly Release Channel","/docs/3.x/guide/going-further/nightly-release-channel","docs/3.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":408,"stem":409,"titleTemplate":6},"Lifecycle Hooks","/docs/3.x/guide/going-further/hooks","docs/3.x/3.guide/6.going-further/2.hooks",{"title":411,"path":412,"stem":413,"titleTemplate":6},"Nuxt Kit","/docs/3.x/guide/going-further/kit","docs/3.x/3.guide/6.going-further/4.kit",{"title":415,"path":416,"stem":417,"titleTemplate":6},"NuxtApp","/docs/3.x/guide/going-further/nuxt-app","docs/3.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":420,"stem":421,"titleTemplate":6},"Authoring Nuxt Layers","/docs/3.x/guide/going-further/layers","docs/3.x/3.guide/6.going-further/7.layers",{"title":423,"path":424,"stem":425,"titleTemplate":6},"Debugging","/docs/3.x/guide/going-further/debugging","docs/3.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":430,"stem":431,"children":432,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/3.x/api","docs/3.x/4.api",[433,499,622,745,816,889,902],{"title":434,"titleTemplate":435,"icon":324,"path":436,"stem":437,"children":438,"page":108},"Components","%s · Nuxt Components","/docs/3.x/api/components","docs/3.x/4.api/1.components",[439,443,447,451,455,459,463,467,471,475,479,483,487,491,495],{"title":440,"path":441,"stem":442,"titleTemplate":6},"\u003CClientOnly>","/docs/3.x/api/components/client-only","docs/3.x/4.api/1.components/1.client-only",{"title":444,"path":445,"stem":446,"titleTemplate":6},"\u003CDevOnly>","/docs/3.x/api/components/dev-only","docs/3.x/4.api/1.components/1.dev-only",{"title":448,"path":449,"stem":450,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/3.x/api/components/nuxt-client-fallback","docs/3.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":453,"stem":454,"titleTemplate":6},"\u003CNuxtPicture>","/docs/3.x/api/components/nuxt-picture","docs/3.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":457,"stem":458,"titleTemplate":6},"\u003CTeleport>","/docs/3.x/api/components/teleports","docs/3.x/4.api/1.components/11.teleports",{"title":460,"path":461,"stem":462,"titleTemplate":6},"\u003CNuxtRouteAnnouncer>","/docs/3.x/api/components/nuxt-route-announcer","docs/3.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":465,"stem":466,"titleTemplate":6},"\u003CNuxtTime>","/docs/3.x/api/components/nuxt-time","docs/3.x/4.api/1.components/13.nuxt-time",{"title":468,"path":469,"stem":470,"titleTemplate":6},"\u003CNuxtPage>","/docs/3.x/api/components/nuxt-page","docs/3.x/4.api/1.components/2.nuxt-page",{"title":472,"path":473,"stem":474,"titleTemplate":6},"\u003CNuxtLayout>","/docs/3.x/api/components/nuxt-layout","docs/3.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":477,"stem":478,"titleTemplate":6},"\u003CNuxtLink>","/docs/3.x/api/components/nuxt-link","docs/3.x/4.api/1.components/4.nuxt-link",{"title":480,"path":481,"stem":482,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/3.x/api/components/nuxt-loading-indicator","docs/3.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":485,"stem":486,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/3.x/api/components/nuxt-error-boundary","docs/3.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":489,"stem":490,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/3.x/api/components/nuxt-welcome","docs/3.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":493,"stem":494,"titleTemplate":6},"\u003CNuxtIsland>","/docs/3.x/api/components/nuxt-island","docs/3.x/4.api/1.components/8.nuxt-island",{"title":496,"path":497,"stem":498,"titleTemplate":6},"\u003CNuxtImg>","/docs/3.x/api/components/nuxt-img","docs/3.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":503,"stem":504,"children":505,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/3.x/api/composables","docs/3.x/4.api/2.composables",[506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618],{"title":507,"path":508,"stem":509,"titleTemplate":6},"onPrehydrate","/docs/3.x/api/composables/on-prehydrate","docs/3.x/4.api/2.composables/on-prehydrate",{"title":511,"path":512,"stem":513,"titleTemplate":6},"useAppConfig","/docs/3.x/api/composables/use-app-config","docs/3.x/4.api/2.composables/use-app-config",{"title":515,"path":516,"stem":517,"titleTemplate":6},"useAsyncData","/docs/3.x/api/composables/use-async-data","docs/3.x/4.api/2.composables/use-async-data",{"title":519,"path":520,"stem":521,"titleTemplate":6},"useCookie","/docs/3.x/api/composables/use-cookie","docs/3.x/4.api/2.composables/use-cookie",{"title":523,"path":524,"stem":525,"titleTemplate":6},"useError","/docs/3.x/api/composables/use-error","docs/3.x/4.api/2.composables/use-error",{"title":527,"path":528,"stem":529,"titleTemplate":6},"useFetch","/docs/3.x/api/composables/use-fetch","docs/3.x/4.api/2.composables/use-fetch",{"title":531,"path":532,"stem":533,"titleTemplate":6},"useHead","/docs/3.x/api/composables/use-head","docs/3.x/4.api/2.composables/use-head",{"title":535,"path":536,"stem":537,"titleTemplate":6},"useHeadSafe","/docs/3.x/api/composables/use-head-safe","docs/3.x/4.api/2.composables/use-head-safe",{"title":539,"path":540,"stem":541,"titleTemplate":6},"useHydration","/docs/3.x/api/composables/use-hydration","docs/3.x/4.api/2.composables/use-hydration",{"title":543,"path":544,"stem":545,"titleTemplate":6},"useLazyAsyncData","/docs/3.x/api/composables/use-lazy-async-data","docs/3.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":548,"stem":549,"titleTemplate":6},"useLazyFetch","/docs/3.x/api/composables/use-lazy-fetch","docs/3.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"useLoadingIndicator","/docs/3.x/api/composables/use-loading-indicator","docs/3.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":556,"stem":557,"titleTemplate":6},"useNuxtApp","/docs/3.x/api/composables/use-nuxt-app","docs/3.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":560,"stem":561,"titleTemplate":6},"useNuxtData","/docs/3.x/api/composables/use-nuxt-data","docs/3.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":564,"stem":565,"titleTemplate":6},"usePreviewMode","/docs/3.x/api/composables/use-preview-mode","docs/3.x/4.api/2.composables/use-preview-mode",{"title":567,"path":568,"stem":569,"titleTemplate":6},"useRequestEvent","/docs/3.x/api/composables/use-request-event","docs/3.x/4.api/2.composables/use-request-event",{"title":571,"path":572,"stem":573,"titleTemplate":6},"useRequestFetch","/docs/3.x/api/composables/use-request-fetch","docs/3.x/4.api/2.composables/use-request-fetch",{"title":575,"path":576,"stem":577,"titleTemplate":6},"useRequestHeader","/docs/3.x/api/composables/use-request-header","docs/3.x/4.api/2.composables/use-request-header",{"title":579,"path":580,"stem":581,"titleTemplate":6},"useRequestHeaders","/docs/3.x/api/composables/use-request-headers","docs/3.x/4.api/2.composables/use-request-headers",{"title":583,"path":584,"stem":585,"titleTemplate":6},"useRequestURL","/docs/3.x/api/composables/use-request-url","docs/3.x/4.api/2.composables/use-request-url",{"title":587,"path":588,"stem":589,"titleTemplate":6},"useResponseHeader","/docs/3.x/api/composables/use-response-header","docs/3.x/4.api/2.composables/use-response-header",{"title":591,"path":592,"stem":593,"titleTemplate":6},"useRoute","/docs/3.x/api/composables/use-route","docs/3.x/4.api/2.composables/use-route",{"title":595,"path":596,"stem":597,"titleTemplate":6},"useRouteAnnouncer","/docs/3.x/api/composables/use-route-announcer","docs/3.x/4.api/2.composables/use-route-announcer",{"title":599,"path":600,"stem":601,"titleTemplate":6},"useRouter","/docs/3.x/api/composables/use-router","docs/3.x/4.api/2.composables/use-router",{"title":603,"path":604,"stem":605,"titleTemplate":6},"useRuntimeConfig","/docs/3.x/api/composables/use-runtime-config","docs/3.x/4.api/2.composables/use-runtime-config",{"title":607,"path":608,"stem":609,"titleTemplate":6},"useRuntimeHook","/docs/3.x/api/composables/use-runtime-hook","docs/3.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":612,"stem":613,"titleTemplate":6},"useSeoMeta","/docs/3.x/api/composables/use-seo-meta","docs/3.x/4.api/2.composables/use-seo-meta",{"title":615,"path":616,"stem":617,"titleTemplate":6},"useServerSeoMeta","/docs/3.x/api/composables/use-server-seo-meta","docs/3.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":620,"stem":621,"titleTemplate":6},"useState","/docs/3.x/api/composables/use-state","docs/3.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":626,"stem":627,"children":628,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/3.x/api/utils","docs/3.x/4.api/3.utils",[629,633,637,641,645,649,653,657,661,665,669,673,677,681,685,689,693,697,701,705,709,713,717,721,725,729,733,737,741],{"title":630,"path":631,"stem":632,"titleTemplate":6},"$fetch","/docs/3.x/api/utils/dollarfetch","docs/3.x/4.api/3.utils/$fetch",{"title":634,"path":635,"stem":636,"titleTemplate":6},"abortNavigation","/docs/3.x/api/utils/abort-navigation","docs/3.x/4.api/3.utils/abort-navigation",{"title":638,"path":639,"stem":640,"titleTemplate":6},"addRouteMiddleware","/docs/3.x/api/utils/add-route-middleware","docs/3.x/4.api/3.utils/add-route-middleware",{"title":642,"path":643,"stem":644,"titleTemplate":6},"callOnce","/docs/3.x/api/utils/call-once","docs/3.x/4.api/3.utils/call-once",{"title":646,"path":647,"stem":648,"titleTemplate":6},"clearError","/docs/3.x/api/utils/clear-error","docs/3.x/4.api/3.utils/clear-error",{"title":650,"path":651,"stem":652,"titleTemplate":6},"clearNuxtData","/docs/3.x/api/utils/clear-nuxt-data","docs/3.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":655,"stem":656,"titleTemplate":6},"clearNuxtState","/docs/3.x/api/utils/clear-nuxt-state","docs/3.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":659,"stem":660,"titleTemplate":6},"createError","/docs/3.x/api/utils/create-error","docs/3.x/4.api/3.utils/create-error",{"title":662,"path":663,"stem":664,"titleTemplate":6},"defineLazyHydrationComponent","/docs/3.x/api/utils/define-lazy-hydration-component","docs/3.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":667,"stem":668,"titleTemplate":6},"defineNuxtComponent","/docs/3.x/api/utils/define-nuxt-component","docs/3.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":671,"stem":672,"titleTemplate":6},"defineNuxtPlugin","/docs/3.x/api/utils/define-nuxt-plugin","docs/3.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":675,"stem":676,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/3.x/api/utils/define-nuxt-route-middleware","docs/3.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":679,"stem":680,"titleTemplate":6},"definePageMeta","/docs/3.x/api/utils/define-page-meta","docs/3.x/4.api/3.utils/define-page-meta",{"title":682,"path":683,"stem":684,"titleTemplate":6},"defineRouteRules","/docs/3.x/api/utils/define-route-rules","docs/3.x/4.api/3.utils/define-route-rules",{"title":686,"path":687,"stem":688,"titleTemplate":6},"navigateTo","/docs/3.x/api/utils/navigate-to","docs/3.x/4.api/3.utils/navigate-to",{"title":690,"path":691,"stem":692,"titleTemplate":6},"onBeforeRouteLeave","/docs/3.x/api/utils/on-before-route-leave","docs/3.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":695,"stem":696,"titleTemplate":6},"onBeforeRouteUpdate","/docs/3.x/api/utils/on-before-route-update","docs/3.x/4.api/3.utils/on-before-route-update",{"title":698,"path":699,"stem":700,"titleTemplate":6},"onNuxtReady","/docs/3.x/api/utils/on-nuxt-ready","docs/3.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":703,"stem":704,"titleTemplate":6},"prefetchComponents","/docs/3.x/api/utils/prefetch-components","docs/3.x/4.api/3.utils/prefetch-components",{"title":706,"path":707,"stem":708,"titleTemplate":6},"preloadComponents","/docs/3.x/api/utils/preload-components","docs/3.x/4.api/3.utils/preload-components",{"title":710,"path":711,"stem":712,"titleTemplate":6},"preloadRouteComponents","/docs/3.x/api/utils/preload-route-components","docs/3.x/4.api/3.utils/preload-route-components",{"title":714,"path":715,"stem":716,"titleTemplate":6},"prerenderRoutes","/docs/3.x/api/utils/prerender-routes","docs/3.x/4.api/3.utils/prerender-routes",{"title":718,"path":719,"stem":720,"titleTemplate":6},"refreshCookie","/docs/3.x/api/utils/refresh-cookie","docs/3.x/4.api/3.utils/refresh-cookie",{"title":722,"path":723,"stem":724,"titleTemplate":6},"refreshNuxtData","/docs/3.x/api/utils/refresh-nuxt-data","docs/3.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":727,"stem":728,"titleTemplate":6},"reloadNuxtApp","/docs/3.x/api/utils/reload-nuxt-app","docs/3.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":731,"stem":732,"titleTemplate":6},"setPageLayout","/docs/3.x/api/utils/set-page-layout","docs/3.x/4.api/3.utils/set-page-layout",{"title":734,"path":735,"stem":736,"titleTemplate":6},"setResponseStatus","/docs/3.x/api/utils/set-response-status","docs/3.x/4.api/3.utils/set-response-status",{"title":738,"path":739,"stem":740,"titleTemplate":6},"showError","/docs/3.x/api/utils/show-error","docs/3.x/4.api/3.utils/show-error",{"title":742,"path":743,"stem":744,"titleTemplate":6},"updateAppConfig","/docs/3.x/api/utils/update-app-config","docs/3.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":749,"stem":750,"children":751,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/3.x/api/commands","docs/3.x/4.api/4.commands",[752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812],{"title":753,"path":754,"stem":755,"titleTemplate":6},"nuxt add","/docs/3.x/api/commands/add","docs/3.x/4.api/4.commands/add",{"title":757,"path":758,"stem":759,"titleTemplate":6},"nuxt analyze","/docs/3.x/api/commands/analyze","docs/3.x/4.api/4.commands/analyze",{"title":761,"path":762,"stem":763,"titleTemplate":6},"nuxt build","/docs/3.x/api/commands/build","docs/3.x/4.api/4.commands/build",{"title":765,"path":766,"stem":767,"titleTemplate":6},"nuxt build-module","/docs/3.x/api/commands/build-module","docs/3.x/4.api/4.commands/build-module",{"title":769,"path":770,"stem":771,"titleTemplate":6},"nuxt cleanup","/docs/3.x/api/commands/cleanup","docs/3.x/4.api/4.commands/cleanup",{"title":773,"path":774,"stem":775,"titleTemplate":6},"nuxt dev","/docs/3.x/api/commands/dev","docs/3.x/4.api/4.commands/dev",{"title":777,"path":778,"stem":779,"titleTemplate":6},"nuxt devtools","/docs/3.x/api/commands/devtools","docs/3.x/4.api/4.commands/devtools",{"title":781,"path":782,"stem":783,"titleTemplate":6},"nuxt generate","/docs/3.x/api/commands/generate","docs/3.x/4.api/4.commands/generate",{"title":785,"path":786,"stem":787,"titleTemplate":6},"nuxt info","/docs/3.x/api/commands/info","docs/3.x/4.api/4.commands/info",{"title":789,"path":790,"stem":791,"titleTemplate":6},"create nuxt","/docs/3.x/api/commands/init","docs/3.x/4.api/4.commands/init",{"title":793,"path":794,"stem":795,"titleTemplate":6},"nuxt module","/docs/3.x/api/commands/module","docs/3.x/4.api/4.commands/module",{"title":797,"path":798,"stem":799,"titleTemplate":6},"nuxt prepare","/docs/3.x/api/commands/prepare","docs/3.x/4.api/4.commands/prepare",{"title":801,"path":802,"stem":803,"titleTemplate":6},"nuxt preview","/docs/3.x/api/commands/preview","docs/3.x/4.api/4.commands/preview",{"title":805,"path":806,"stem":807,"titleTemplate":6},"nuxt test","/docs/3.x/api/commands/test","docs/3.x/4.api/4.commands/test",{"title":809,"path":810,"stem":811,"titleTemplate":6},"nuxt typecheck","/docs/3.x/api/commands/typecheck","docs/3.x/4.api/4.commands/typecheck",{"title":813,"path":814,"stem":815,"titleTemplate":6},"nuxt upgrade","/docs/3.x/api/commands/upgrade","docs/3.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":819,"stem":820,"children":821,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/3.x/api/kit","docs/3.x/4.api/5.kit",[822,825,828,832,836,840,844,848,852,855,859,863,866,869,873,877,881,885],{"title":276,"path":823,"stem":824,"titleTemplate":6},"/docs/3.x/api/kit/modules","docs/3.x/4.api/5.kit/1.modules",{"title":399,"path":826,"stem":827,"titleTemplate":6},"/docs/3.x/api/kit/runtime-config","docs/3.x/4.api/5.kit/10.runtime-config",{"title":829,"path":830,"stem":831,"titleTemplate":6},"Templates","/docs/3.x/api/kit/templates","docs/3.x/4.api/5.kit/10.templates",{"title":833,"path":834,"stem":835,"titleTemplate":6},"Nitro","/docs/3.x/api/kit/nitro","docs/3.x/4.api/5.kit/11.nitro",{"title":837,"path":838,"stem":839,"titleTemplate":6},"Resolving","/docs/3.x/api/kit/resolving","docs/3.x/4.api/5.kit/12.resolving",{"title":841,"path":842,"stem":843,"titleTemplate":6},"Logging","/docs/3.x/api/kit/logging","docs/3.x/4.api/5.kit/13.logging",{"title":845,"path":846,"stem":847,"titleTemplate":6},"Builder","/docs/3.x/api/kit/builder","docs/3.x/4.api/5.kit/14.builder",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Examples","/docs/3.x/api/kit/examples","docs/3.x/4.api/5.kit/15.examples",{"title":84,"path":853,"stem":854,"titleTemplate":6},"/docs/3.x/api/kit/layers","docs/3.x/4.api/5.kit/16.layers",{"title":856,"path":857,"stem":858,"titleTemplate":6},"Programmatic Usage","/docs/3.x/api/kit/programmatic","docs/3.x/4.api/5.kit/2.programmatic",{"title":860,"path":861,"stem":862,"titleTemplate":6},"Compatibility","/docs/3.x/api/kit/compatibility","docs/3.x/4.api/5.kit/3.compatibility",{"title":268,"path":864,"stem":865,"titleTemplate":6},"/docs/3.x/api/kit/autoimports","docs/3.x/4.api/5.kit/4.autoimports",{"title":434,"path":867,"stem":868,"titleTemplate":6},"/docs/3.x/api/kit/components","docs/3.x/4.api/5.kit/5.components",{"title":870,"path":871,"stem":872,"titleTemplate":6},"Context","/docs/3.x/api/kit/context","docs/3.x/4.api/5.kit/6.context",{"title":874,"path":875,"stem":876,"titleTemplate":6},"Pages","/docs/3.x/api/kit/pages","docs/3.x/4.api/5.kit/7.pages",{"title":878,"path":879,"stem":880,"titleTemplate":6},"Layout","/docs/3.x/api/kit/layout","docs/3.x/4.api/5.kit/8.layout",{"title":882,"path":883,"stem":884,"titleTemplate":6},"Head","/docs/3.x/api/kit/head","docs/3.x/4.api/5.kit/9.head",{"title":886,"path":887,"stem":888,"titleTemplate":6},"Plugins","/docs/3.x/api/kit/plugins","docs/3.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":892,"stem":893,"children":894,"page":108},"Advanced","i-lucide-brain","/docs/3.x/api/advanced","docs/3.x/4.api/6.advanced",[895,898],{"title":407,"path":896,"stem":897,"titleTemplate":6},"/docs/3.x/api/advanced/hooks","docs/3.x/4.api/6.advanced/1.hooks",{"title":899,"path":900,"stem":901,"titleTemplate":6},"Import meta","/docs/3.x/api/advanced/import-meta","docs/3.x/4.api/6.advanced/2.import-meta",{"title":903,"path":904,"stem":905,"titleTemplate":906,"icon":32},"Nuxt Configuration","/docs/3.x/api/nuxt-config","docs/3.x/4.api/6.nuxt-config","%s",{"title":849,"titleTemplate":908,"icon":909,"path":910,"stem":911,"children":912,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/3.x/examples","docs/3.x/4.examples",[913,917,939,954,990],{"title":914,"path":915,"stem":916,"titleTemplate":6},"Hello World","/docs/3.x/examples/hello-world","docs/3.x/4.examples/0.hello-world",{"title":395,"path":918,"stem":919,"children":920,"page":108},"/docs/3.x/examples/features","docs/3.x/4.examples/1.features",[921,925,928,931,935],{"title":922,"path":923,"stem":924,"titleTemplate":6},"Auto Imports","/docs/3.x/examples/features/auto-imports","docs/3.x/4.examples/1.features/1.auto-imports",{"title":64,"path":926,"stem":927,"titleTemplate":6},"/docs/3.x/examples/features/data-fetching","docs/3.x/4.examples/1.features/2.data-fetching",{"title":69,"path":929,"stem":930,"titleTemplate":6},"/docs/3.x/examples/features/state-management","docs/3.x/4.examples/1.features/3.state-management",{"title":932,"path":933,"stem":934,"titleTemplate":6},"Meta Tags","/docs/3.x/examples/features/meta-tags","docs/3.x/4.examples/1.features/4.meta-tags",{"title":936,"path":937,"stem":938,"titleTemplate":6},"Layouts","/docs/3.x/examples/features/layouts","docs/3.x/4.examples/1.features/5.layouts",{"title":49,"path":940,"stem":941,"children":942,"page":108},"/docs/3.x/examples/routing","docs/3.x/4.examples/2.routing",[943,947,950],{"title":944,"path":945,"stem":946,"titleTemplate":6},"Middleware","/docs/3.x/examples/routing/middleware","docs/3.x/4.examples/2.routing/middleware",{"title":874,"path":948,"stem":949,"titleTemplate":6},"/docs/3.x/examples/routing/pages","docs/3.x/4.examples/2.routing/pages",{"title":951,"path":952,"stem":953,"titleTemplate":6},"Universal Router","/docs/3.x/examples/routing/universal-router","docs/3.x/4.examples/2.routing/universal-router",{"title":890,"path":955,"stem":956,"children":957,"page":108},"/docs/3.x/examples/advanced","docs/3.x/4.examples/4.advanced",[958,961,964,968,972,976,980,983,986],{"title":84,"path":959,"stem":960,"titleTemplate":6},"/docs/3.x/examples/advanced/config-extends","docs/3.x/4.examples/4.advanced/config-extends",{"title":74,"path":962,"stem":963,"titleTemplate":6},"/docs/3.x/examples/advanced/error-handling","docs/3.x/4.examples/4.advanced/error-handling",{"title":965,"path":966,"stem":967,"titleTemplate":6},"JSX / TSX","/docs/3.x/examples/advanced/jsx","docs/3.x/4.examples/4.advanced/jsx",{"title":969,"path":970,"stem":971,"titleTemplate":6},"Locale","/docs/3.x/examples/advanced/locale","docs/3.x/4.examples/4.advanced/locale",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Module Extend Pages","/docs/3.x/examples/advanced/module-extend-pages","docs/3.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":978,"stem":979,"titleTemplate":6},"Teleport","/docs/3.x/examples/advanced/teleport","docs/3.x/4.examples/4.advanced/teleport",{"title":99,"path":981,"stem":982,"titleTemplate":6},"/docs/3.x/examples/advanced/testing","docs/3.x/4.examples/4.advanced/testing",{"title":519,"path":984,"stem":985,"titleTemplate":6},"/docs/3.x/examples/advanced/use-cookie","docs/3.x/4.examples/4.advanced/use-cookie",{"title":987,"path":988,"stem":989,"titleTemplate":6},"Use Custom Fetch Composable","/docs/3.x/examples/advanced/use-custom-fetch-composable","docs/3.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":992,"stem":993,"children":994,"page":108},"Experimental","/docs/3.x/examples/experimental","docs/3.x/4.examples/7.experimental",[995],{"title":996,"path":997,"stem":998,"titleTemplate":6},"WASM","/docs/3.x/examples/experimental/wasm","docs/3.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1003,"stem":1004,"children":1005,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/3.x/community","docs/3.x/5.community",[1006,1011,1016,1021,1026,1031],{"title":1007,"path":1008,"stem":1009,"titleTemplate":6,"icon":1010},"Getting Help","/docs/3.x/community/getting-help","docs/3.x/5.community/2.getting-help","i-lucide-life-buoy",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6,"icon":1015},"Reporting Bugs","/docs/3.x/community/reporting-bugs","docs/3.x/5.community/3.reporting-bugs","i-lucide-bug",{"title":1017,"path":1018,"stem":1019,"titleTemplate":6,"icon":1020},"Contribution","/docs/3.x/community/contribution","docs/3.x/5.community/4.contribution","i-lucide-git-pull-request",{"title":1022,"path":1023,"stem":1024,"titleTemplate":6,"icon":1025},"Framework","/docs/3.x/community/framework-contribution","docs/3.x/5.community/5.framework-contribution","i-lucide-github",{"title":1027,"path":1028,"stem":1029,"titleTemplate":6,"icon":1030},"Roadmap","/docs/3.x/community/roadmap","docs/3.x/5.community/6.roadmap","i-lucide-map",{"title":1032,"path":1033,"stem":1034,"titleTemplate":6,"icon":1035},"Releases","/docs/3.x/community/changelog","docs/3.x/5.community/7.changelog","i-lucide-bell-dot",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1040,"stem":1041,"children":1042,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/3.x/bridge","docs/3.x/6.bridge",[1043,1047,1050,1053,1057,1061,1065,1068,1071,1074],{"title":1044,"path":1045,"stem":1046,"titleTemplate":6},"Overview","/docs/3.x/bridge/overview","docs/3.x/6.bridge/1.overview",{"title":29,"path":1048,"stem":1049,"titleTemplate":6},"/docs/3.x/bridge/configuration","docs/3.x/6.bridge/10.configuration",{"title":280,"path":1051,"stem":1052,"titleTemplate":6},"/docs/3.x/bridge/typescript","docs/3.x/6.bridge/2.typescript",{"title":1054,"path":1055,"stem":1056,"titleTemplate":6},"Legacy Composition API","/docs/3.x/bridge/bridge-composition-api","docs/3.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1059,"stem":1060,"titleTemplate":6},"Plugins and Middleware","/docs/3.x/bridge/plugins-and-middleware","docs/3.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1063,"stem":1064,"titleTemplate":6},"New Composition API","/docs/3.x/bridge/nuxt3-compatible-api","docs/3.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1066,"stem":1067,"titleTemplate":6},"/docs/3.x/bridge/meta","docs/3.x/6.bridge/6.meta",{"title":399,"path":1069,"stem":1070,"titleTemplate":6},"/docs/3.x/bridge/runtime-config","docs/3.x/6.bridge/7.runtime-config",{"title":833,"path":1072,"stem":1073,"titleTemplate":6},"/docs/3.x/bridge/nitro","docs/3.x/6.bridge/8.nitro",{"title":1075,"path":1076,"stem":1077,"titleTemplate":6},"Vite","/docs/3.x/bridge/vite","docs/3.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1081,"stem":1082,"children":1083,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/3.x/migration","docs/3.x/7.migration",[1084,1087,1091,1094,1097,1100,1103,1106,1109,1113,1117],{"title":1044,"path":1085,"stem":1086,"titleTemplate":6},"/docs/3.x/migration/overview","docs/3.x/7.migration/1.overview",{"title":1088,"path":1089,"stem":1090,"titleTemplate":6},"Build Tooling","/docs/3.x/migration/bundling","docs/3.x/7.migration/10.bundling",{"title":79,"path":1092,"stem":1093,"titleTemplate":6},"/docs/3.x/migration/server","docs/3.x/7.migration/11.server",{"title":29,"path":1095,"stem":1096,"titleTemplate":6},"/docs/3.x/migration/configuration","docs/3.x/7.migration/2.configuration",{"title":276,"path":1098,"stem":1099,"titleTemplate":6},"/docs/3.x/migration/module-authors","docs/3.x/7.migration/20.module-authors",{"title":922,"path":1101,"stem":1102,"titleTemplate":6},"/docs/3.x/migration/auto-imports","docs/3.x/7.migration/3.auto-imports",{"title":932,"path":1104,"stem":1105,"titleTemplate":6},"/docs/3.x/migration/meta","docs/3.x/7.migration/4.meta",{"title":1058,"path":1107,"stem":1108,"titleTemplate":6},"/docs/3.x/migration/plugins-and-middleware","docs/3.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1111,"stem":1112,"titleTemplate":6},"Pages and Layouts","/docs/3.x/migration/pages-and-layouts","docs/3.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1115,"stem":1116,"titleTemplate":6},"Component Options","/docs/3.x/migration/component-options","docs/3.x/7.migration/7.component-options",{"title":399,"path":1118,"stem":1119,"titleTemplate":6},"/docs/3.x/migration/runtime-config","docs/3.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1121,"stem":1122,"children":1123,"page":108},"/docs/4.x","docs/4.x",[1124,1182,1276,1403,1769,1846,1868,1902],{"title":12,"titleTemplate":13,"icon":14,"path":1125,"stem":1126,"children":1127,"page":108},"/docs/4.x/getting-started","docs/4.x/1.getting-started",[1128,1131,1134,1137,1140,1143,1146,1149,1152,1155,1158,1161,1164,1167,1170,1173,1176,1179],{"title":19,"path":1129,"stem":1130,"titleTemplate":6,"icon":22},"/docs/4.x/getting-started/introduction","docs/4.x/1.getting-started/01.introduction",{"title":24,"path":1132,"stem":1133,"titleTemplate":6,"icon":27},"/docs/4.x/getting-started/installation","docs/4.x/1.getting-started/02.installation",{"title":29,"path":1135,"stem":1136,"titleTemplate":6,"icon":32},"/docs/4.x/getting-started/configuration","docs/4.x/1.getting-started/03.configuration",{"title":34,"path":1138,"stem":1139,"titleTemplate":6,"icon":37},"/docs/4.x/getting-started/views","docs/4.x/1.getting-started/04.views",{"title":39,"path":1141,"stem":1142,"titleTemplate":6,"icon":42},"/docs/4.x/getting-started/assets","docs/4.x/1.getting-started/05.assets",{"title":44,"path":1144,"stem":1145,"titleTemplate":6,"icon":47},"/docs/4.x/getting-started/styling","docs/4.x/1.getting-started/06.styling",{"title":49,"path":1147,"stem":1148,"titleTemplate":6,"icon":52},"/docs/4.x/getting-started/routing","docs/4.x/1.getting-started/07.routing",{"title":54,"path":1150,"stem":1151,"titleTemplate":6,"icon":57},"/docs/4.x/getting-started/seo-meta","docs/4.x/1.getting-started/08.seo-meta",{"title":59,"path":1153,"stem":1154,"titleTemplate":6,"icon":62},"/docs/4.x/getting-started/transitions","docs/4.x/1.getting-started/09.transitions",{"title":64,"path":1156,"stem":1157,"titleTemplate":6,"icon":67},"/docs/4.x/getting-started/data-fetching","docs/4.x/1.getting-started/10.data-fetching",{"title":69,"path":1159,"stem":1160,"titleTemplate":6,"icon":72},"/docs/4.x/getting-started/state-management","docs/4.x/1.getting-started/11.state-management",{"title":74,"path":1162,"stem":1163,"titleTemplate":6,"icon":77},"/docs/4.x/getting-started/error-handling","docs/4.x/1.getting-started/12.error-handling",{"title":79,"path":1165,"stem":1166,"titleTemplate":6,"icon":82},"/docs/4.x/getting-started/server","docs/4.x/1.getting-started/13.server",{"title":84,"path":1168,"stem":1169,"titleTemplate":6,"icon":87},"/docs/4.x/getting-started/layers","docs/4.x/1.getting-started/14.layers",{"title":89,"path":1171,"stem":1172,"titleTemplate":6,"icon":92},"/docs/4.x/getting-started/prerendering","docs/4.x/1.getting-started/15.prerendering",{"title":94,"path":1174,"stem":1175,"titleTemplate":6,"icon":97},"/docs/4.x/getting-started/deployment","docs/4.x/1.getting-started/16.deployment",{"title":99,"path":1177,"stem":1178,"titleTemplate":6,"icon":102},"/docs/4.x/getting-started/testing","docs/4.x/1.getting-started/17.testing",{"title":104,"path":1180,"stem":1181,"titleTemplate":6,"icon":107},"/docs/4.x/getting-started/upgrade","docs/4.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":1183,"stem":1184,"children":1185,"page":108},"/docs/4.x/directory-structure","docs/4.x/2.directory-structure",[1186,1189,1192,1234,1237,1240,1243,1246,1249,1252,1255,1258,1261,1264,1267,1270,1273],{"title":117,"path":1187,"stem":1188,"titleTemplate":6,"icon":120},"/docs/4.x/directory-structure/nuxt","docs/4.x/2.directory-structure/0.nuxt",{"title":122,"path":1190,"stem":1191,"titleTemplate":6,"icon":125},"/docs/4.x/directory-structure/output","docs/4.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":1194,"defaultOpen":1196,"icon":1197,"path":1198,"stem":1199,"children":1200,"page":108},"app",{"title":1195},"app/",true,"i-vscode-icons-folder-type-app","/docs/4.x/directory-structure/app","docs/4.x/2.directory-structure/1.app",[1201,1204,1207,1210,1213,1216,1219,1222,1225,1228,1231],{"title":127,"path":1202,"stem":1203,"titleTemplate":6,"icon":130},"/docs/4.x/directory-structure/app/assets","docs/4.x/2.directory-structure/1.app/1.assets",{"title":132,"path":1205,"stem":1206,"titleTemplate":6,"icon":135},"/docs/4.x/directory-structure/app/components","docs/4.x/2.directory-structure/1.app/1.components",{"title":137,"path":1208,"stem":1209,"titleTemplate":6,"icon":140},"/docs/4.x/directory-structure/app/composables","docs/4.x/2.directory-structure/1.app/1.composables",{"title":152,"path":1211,"stem":1212,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/layouts","docs/4.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":1214,"stem":1215,"titleTemplate":6,"icon":160},"/docs/4.x/directory-structure/app/middleware","docs/4.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":1217,"stem":1218,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/pages","docs/4.x/2.directory-structure/1.app/1.pages",{"title":175,"path":1220,"stem":1221,"titleTemplate":6,"icon":178},"/docs/4.x/directory-structure/app/plugins","docs/4.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":1223,"stem":1224,"titleTemplate":6,"icon":198},"/docs/4.x/directory-structure/app/utils","docs/4.x/2.directory-structure/1.app/1.utils",{"title":219,"path":1226,"stem":1227,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/app","docs/4.x/2.directory-structure/1.app/3.app",{"title":224,"path":1229,"stem":1230,"titleTemplate":6,"icon":227},"/docs/4.x/directory-structure/app/app-config","docs/4.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":1232,"stem":1233,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/error","docs/4.x/2.directory-structure/1.app/3.error",{"title":142,"path":1235,"stem":1236,"titleTemplate":6,"icon":145},"/docs/4.x/directory-structure/content","docs/4.x/2.directory-structure/1.content",{"title":147,"path":1238,"stem":1239,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/layers","docs/4.x/2.directory-structure/1.layers",{"title":162,"path":1241,"stem":1242,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/modules","docs/4.x/2.directory-structure/1.modules",{"title":166,"path":1244,"stem":1245,"titleTemplate":6,"icon":169},"/docs/4.x/directory-structure/node_modules","docs/4.x/2.directory-structure/1.node_modules",{"title":180,"path":1247,"stem":1248,"titleTemplate":6,"icon":183},"/docs/4.x/directory-structure/public","docs/4.x/2.directory-structure/1.public",{"title":185,"path":1250,"stem":1251,"titleTemplate":6,"icon":188},"/docs/4.x/directory-structure/server","docs/4.x/2.directory-structure/1.server",{"title":190,"path":1253,"stem":1254,"titleTemplate":6,"icon":193},"/docs/4.x/directory-structure/shared","docs/4.x/2.directory-structure/1.shared",{"title":200,"path":1256,"stem":1257,"titleTemplate":6,"icon":203},"/docs/4.x/directory-structure/env","docs/4.x/2.directory-structure/2.env",{"title":205,"path":1259,"stem":1260,"titleTemplate":6,"icon":208},"/docs/4.x/directory-structure/gitignore","docs/4.x/2.directory-structure/2.gitignore",{"title":210,"path":1262,"stem":1263,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtignore","docs/4.x/2.directory-structure/2.nuxtignore",{"title":215,"path":1265,"stem":1266,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtrc","docs/4.x/2.directory-structure/2.nuxtrc",{"title":233,"path":1268,"stem":1269,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxt-config","docs/4.x/2.directory-structure/3.nuxt-config",{"title":237,"path":1271,"stem":1272,"titleTemplate":6,"icon":240},"/docs/4.x/directory-structure/package","docs/4.x/2.directory-structure/3.package",{"title":242,"path":1274,"stem":1275,"titleTemplate":6,"icon":245},"/docs/4.x/directory-structure/tsconfig","docs/4.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":1277,"stem":1278,"children":1279,"page":108},"/docs/4.x/guide","docs/4.x/3.guide",[1280,1305,1318,1328,1353,1369],{"title":253,"titleTemplate":254,"icon":255,"path":1281,"stem":1282,"children":1283,"page":108},"/docs/4.x/guide/concepts","docs/4.x/3.guide/1.concepts",[1284,1287,1290,1293,1296,1299,1302],{"title":260,"path":1285,"stem":1286,"titleTemplate":6},"/docs/4.x/guide/concepts/rendering","docs/4.x/3.guide/1.concepts/1.rendering",{"title":264,"path":1288,"stem":1289,"titleTemplate":6},"/docs/4.x/guide/concepts/nuxt-lifecycle","docs/4.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":1291,"stem":1292,"titleTemplate":6},"/docs/4.x/guide/concepts/auto-imports","docs/4.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":1294,"stem":1295,"titleTemplate":6},"/docs/4.x/guide/concepts/server-engine","docs/4.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":1297,"stem":1298,"titleTemplate":6},"/docs/4.x/guide/concepts/modules","docs/4.x/3.guide/1.concepts/5.modules",{"title":280,"path":1300,"stem":1301,"titleTemplate":6},"/docs/4.x/guide/concepts/typescript","docs/4.x/3.guide/1.concepts/8.typescript",{"title":284,"path":1303,"stem":1304,"titleTemplate":6},"/docs/4.x/guide/concepts/code-style","docs/4.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":1306,"stem":1307,"children":1308,"page":108},"/docs/4.x/guide/best-practices","docs/4.x/3.guide/2.best-practices",[1309,1312,1315],{"title":295,"path":1310,"stem":1311,"titleTemplate":6},"/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1313,"stem":1314,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1316,"stem":1317,"titleTemplate":6},"/docs/4.x/guide/best-practices/plugins","docs/4.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":1319,"stem":1320,"children":1321,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1322,1325],{"title":314,"path":1323,"stem":1324,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1326,"stem":1327,"titleTemplate":6},"/docs/4.x/guide/ai/llms-txt","docs/4.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":1329,"stem":1330,"children":1331,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1332,1335,1338,1341,1344,1347,1350],{"title":329,"path":1333,"stem":1334,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1336,"stem":1337,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1339,"stem":1340,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1342,"stem":1343,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1345,"stem":1346,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1348,"stem":1349,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1351,"stem":1352,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1354,"stem":1355,"children":1356,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1357,1360,1363,1366],{"title":364,"path":1358,"stem":1359,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1361,"stem":1362,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1364,"stem":1365,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1367,"stem":1368,"titleTemplate":6},"/docs/4.x/guide/recipes/sessions-and-authentication","docs/4.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":1370,"stem":1371,"children":1372,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1373,1376,1379,1382,1385,1388,1391,1394,1397,1400],{"title":387,"path":1374,"stem":1375,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1377,"stem":1378,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1380,"stem":1381,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1383,"stem":1384,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1386,"stem":1387,"titleTemplate":6},"/docs/4.x/guide/going-further/nightly-release-channel","docs/4.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":1389,"stem":1390,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1392,"stem":1393,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1395,"stem":1396,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1398,"stem":1399,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1401,"stem":1402,"titleTemplate":6},"/docs/4.x/guide/going-further/debugging","docs/4.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":1404,"stem":1405,"children":1406,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1407,1460,1555,1646,1698,1756,1766],{"title":434,"titleTemplate":435,"icon":324,"path":1408,"stem":1409,"children":1410,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1411,1414,1417,1420,1423,1426,1429,1432,1436,1439,1442,1445,1448,1451,1454,1457],{"title":440,"path":1412,"stem":1413,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1415,"stem":1416,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1418,"stem":1419,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1421,"stem":1422,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1424,"stem":1425,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1427,"stem":1428,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1430,"stem":1431,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":1433,"path":1434,"stem":1435,"titleTemplate":6},"\u003CNuxtAnnouncer>","/docs/4.x/api/components/nuxt-announcer","docs/4.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":1437,"stem":1438,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1440,"stem":1441,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1443,"stem":1444,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1446,"stem":1447,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1449,"stem":1450,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1452,"stem":1453,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1455,"stem":1456,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1458,"stem":1459,"titleTemplate":6},"/docs/4.x/api/components/nuxt-img","docs/4.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":1461,"stem":1462,"children":1463,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1464,1467,1471,1474,1477,1480,1483,1486,1489,1492,1495,1498,1501,1504,1507,1510,1513,1516,1519,1522,1525,1528,1531,1534,1537,1540,1543,1546,1549,1552],{"title":507,"path":1465,"stem":1466,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":1468,"path":1469,"stem":1470,"titleTemplate":6},"useAnnouncer","/docs/4.x/api/composables/use-announcer","docs/4.x/4.api/2.composables/use-announcer",{"title":511,"path":1472,"stem":1473,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1475,"stem":1476,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1478,"stem":1479,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1481,"stem":1482,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1484,"stem":1485,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1487,"stem":1488,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1490,"stem":1491,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1493,"stem":1494,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1496,"stem":1497,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-async-data","docs/4.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":1499,"stem":1500,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1502,"stem":1503,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1505,"stem":1506,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1508,"stem":1509,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1511,"stem":1512,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1514,"stem":1515,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1517,"stem":1518,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1520,"stem":1521,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1523,"stem":1524,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1526,"stem":1527,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1529,"stem":1530,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1532,"stem":1533,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1535,"stem":1536,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1538,"stem":1539,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1541,"stem":1542,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1544,"stem":1545,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1547,"stem":1548,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1550,"stem":1551,"titleTemplate":6},"/docs/4.x/api/composables/use-server-seo-meta","docs/4.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":1553,"stem":1554,"titleTemplate":6},"/docs/4.x/api/composables/use-state","docs/4.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":1556,"stem":1557,"children":1558,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1559,1562,1565,1568,1571,1574,1577,1580,1583,1586,1589,1592,1595,1598,1601,1604,1607,1610,1613,1616,1619,1622,1625,1628,1631,1634,1637,1640,1643],{"title":630,"path":1560,"stem":1561,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1563,"stem":1564,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1566,"stem":1567,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1569,"stem":1570,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1572,"stem":1573,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1575,"stem":1576,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1578,"stem":1579,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1581,"stem":1582,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1584,"stem":1585,"titleTemplate":6},"/docs/4.x/api/utils/define-lazy-hydration-component","docs/4.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":1587,"stem":1588,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1590,"stem":1591,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1593,"stem":1594,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-route-middleware","docs/4.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":1596,"stem":1597,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1599,"stem":1600,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1602,"stem":1603,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1605,"stem":1606,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-leave","docs/4.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":1608,"stem":1609,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-update","docs/4.x/4.api/3.utils/on-before-route-update",{"title":698,"path":1611,"stem":1612,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1614,"stem":1615,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1617,"stem":1618,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1620,"stem":1621,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1623,"stem":1624,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1626,"stem":1627,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1629,"stem":1630,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1632,"stem":1633,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1635,"stem":1636,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1638,"stem":1639,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1641,"stem":1642,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1644,"stem":1645,"titleTemplate":6},"/docs/4.x/api/utils/update-app-config","docs/4.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":1647,"stem":1648,"children":1649,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1650,1653,1656,1659,1662,1665,1668,1671,1674,1677,1680,1683,1686,1689,1692,1695],{"title":753,"path":1651,"stem":1652,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1654,"stem":1655,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1657,"stem":1658,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1660,"stem":1661,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1663,"stem":1664,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1666,"stem":1667,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1669,"stem":1670,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1672,"stem":1673,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1675,"stem":1676,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1678,"stem":1679,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1681,"stem":1682,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1684,"stem":1685,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1687,"stem":1688,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1690,"stem":1691,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1693,"stem":1694,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1696,"stem":1697,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1699,"stem":1700,"children":1701,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1702,1705,1708,1711,1714,1717,1720,1723,1726,1729,1732,1735,1738,1741,1744,1747,1750,1753],{"title":276,"path":1703,"stem":1704,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1706,"stem":1707,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1709,"stem":1710,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1712,"stem":1713,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1715,"stem":1716,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1718,"stem":1719,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1721,"stem":1722,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1724,"stem":1725,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1727,"stem":1728,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1730,"stem":1731,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1733,"stem":1734,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1736,"stem":1737,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1739,"stem":1740,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1742,"stem":1743,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1745,"stem":1746,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1748,"stem":1749,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1751,"stem":1752,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1754,"stem":1755,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1757,"stem":1758,"children":1759,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1760,1763],{"title":407,"path":1761,"stem":1762,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1764,"stem":1765,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1767,"stem":1768,"titleTemplate":906,"icon":32},"/docs/4.x/api/nuxt-config","docs/4.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":1770,"stem":1771,"children":1772,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1773,1776,1795,1808,1839],{"title":914,"path":1774,"stem":1775,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1777,"stem":1778,"children":1779,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1780,1783,1786,1789,1792],{"title":922,"path":1781,"stem":1782,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1784,"stem":1785,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1787,"stem":1788,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1790,"stem":1791,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1793,"stem":1794,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1796,"stem":1797,"children":1798,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1799,1802,1805],{"title":944,"path":1800,"stem":1801,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1803,"stem":1804,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1806,"stem":1807,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1809,"stem":1810,"children":1811,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1812,1815,1818,1821,1824,1827,1830,1833,1836],{"title":84,"path":1813,"stem":1814,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1816,"stem":1817,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1819,"stem":1820,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1822,"stem":1823,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1825,"stem":1826,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1828,"stem":1829,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1831,"stem":1832,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1834,"stem":1835,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1837,"stem":1838,"titleTemplate":6},"/docs/4.x/examples/advanced/use-custom-fetch-composable","docs/4.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":1840,"stem":1841,"children":1842,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1843],{"title":996,"path":1844,"stem":1845,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1847,"stem":1848,"children":1849,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1850,1853,1856,1859,1862,1865],{"title":1007,"path":1851,"stem":1852,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1854,"stem":1855,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1857,"stem":1858,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1860,"stem":1861,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1863,"stem":1864,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1866,"stem":1867,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1869,"stem":1870,"children":1871,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1872,1875,1878,1881,1884,1887,1890,1893,1896,1899],{"title":1044,"path":1873,"stem":1874,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1876,"stem":1877,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1879,"stem":1880,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1882,"stem":1883,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1885,"stem":1886,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1888,"stem":1889,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1891,"stem":1892,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1894,"stem":1895,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1897,"stem":1898,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1900,"stem":1901,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1903,"stem":1904,"children":1905,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1906,1909,1912,1915,1918,1921,1924,1927,1930,1933,1936],{"title":1044,"path":1907,"stem":1908,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1910,"stem":1911,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1913,"stem":1914,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1916,"stem":1917,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1919,"stem":1920,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1922,"stem":1923,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1925,"stem":1926,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1928,"stem":1929,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1931,"stem":1932,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1934,"stem":1935,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1937,"stem":1938,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":1940,"path":1941,"stem":1942,"children":1943,"page":108},"Blog","/blog","blog",[1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024],{"title":1945,"path":1946,"stem":1947},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1949,"path":1950,"stem":1951},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1953,"path":1954,"stem":1955},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1957,"path":1958,"stem":1959},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1961,"path":1962,"stem":1963},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1965,"path":1966,"stem":1967},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1969,"path":1970,"stem":1971},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1973,"path":1974,"stem":1975},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1977,"path":1978,"stem":1979},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1981,"path":1982,"stem":1983},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1985,"path":1986,"stem":1987},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1989,"path":1990,"stem":1991},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1993,"path":1994,"stem":1995},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1997,"path":1998,"stem":1999},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":2001,"path":2002,"stem":2003},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":2005,"path":2006,"stem":2007},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2009,"path":2010,"stem":2011},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2013,"path":2014,"stem":2015},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2017,"path":2018,"stem":2019},"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":2021,"path":2022,"stem":2023},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2025,"path":2026,"stem":2027},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v3":2029,"v4":2030,"v2":2031},"3.21.1","4.3.1","2.18.1",{"id":2033,"title":44,"body":2034,"description":5668,"extension":5669,"links":6,"meta":5670,"navigation":5671,"path":45,"seo":5672,"stem":46,"titleTemplate":6,"__hash__":5673},"docsv3/docs/3.x/1.getting-started/06.styling.md",{"type":2035,"value":2036,"toc":5635},"minimark",[2037,2041,2046,2058,2063,2075,2212,2218,2222,2234,2288,2293,2297,2311,2419,2422,2475,2479,2486,2566,2569,2636,2639,2680,2684,2687,2697,2794,2798,2801,2804,2862,2874,2878,2881,2888,2996,3004,3008,3011,3065,3074,3124,3130,3171,3176,3190,3196,3253,3260,3447,3455,3459,3468,3473,3536,3547,3551,3559,3568,3572,3575,4316,4324,4331,4334,4486,4490,4493,4592,4596,4608,4706,4710,4713,4863,4882,4886,4892,4969,4972,5009,5012,5054,5058,5061,5179,5181,5185,5199,5207,5252,5267,5271,5279,5293,5296,5299,5310,5312,5316,5329,5334,5338,5341,5355,5362,5365,5632],[2038,2039,2040],"p",{},"Nuxt is highly flexible when it comes to styling. Write your own styles, or reference local and external stylesheets.\nYou can use CSS preprocessors, CSS frameworks, UI libraries and Nuxt modules to style your application.",[2042,2043,2045],"h2",{"id":2044},"local-stylesheets","Local Stylesheets",[2038,2047,2048,2049,2057],{},"If you're writing local stylesheets, the natural place to put them is the ",[2050,2051,2052,2056],"a",{"href":128},[2053,2054,2055],"code",{},"assets/"," directory",".",[2059,2060,2062],"h3",{"id":2061},"importing-within-components","Importing Within Components",[2038,2064,2065,2066,2057],{},"You can import stylesheets in your pages, layouts and components directly.\nYou can use a JavaScript import, or a CSS ",[2050,2067,2071,2074],{"href":2068,"rel":2069},"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@import",[2070],"nofollow",[2053,2072,2073],{},"@import"," statement",[2076,2077,2083],"pre",{"className":2078,"code":2079,"filename":2080,"language":2081,"meta":2082,"style":2082},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript>\n// Use a static import for server-side compatibility\nimport '~/assets/css/first.css'\n\n// Caution: Dynamic imports are not server-side compatible\nimport('~/assets/css/first.css')\n\u003C/script>\n\n\u003Cstyle>\n@import url(\"~/assets/css/second.css\");\n\u003C/style>\n","pages/index.vue","vue","",[2053,2084,2085,2101,2108,2125,2131,2137,2156,2166,2171,2181,2203],{"__ignoreMap":2082},[2086,2087,2090,2094,2098],"span",{"class":2088,"line":2089},"line",1,[2086,2091,2093],{"class":2092},"sDfIl","\u003C",[2086,2095,2097],{"class":2096},"sRlkE","script",[2086,2099,2100],{"class":2092},">\n",[2086,2102,2104],{"class":2088,"line":2103},2,[2086,2105,2107],{"class":2106},"sWuyu","// Use a static import for server-side compatibility\n",[2086,2109,2111,2115,2118,2122],{"class":2088,"line":2110},3,[2086,2112,2114],{"class":2113},"s8R28","import",[2086,2116,2117],{"class":2092}," '",[2086,2119,2121],{"class":2120},"sGFVr","~/assets/css/first.css",[2086,2123,2124],{"class":2092},"'\n",[2086,2126,2128],{"class":2088,"line":2127},4,[2086,2129,2130],{"emptyLinePlaceholder":1196},"\n",[2086,2132,2134],{"class":2088,"line":2133},5,[2086,2135,2136],{"class":2106},"// Caution: Dynamic imports are not server-side compatible\n",[2086,2138,2140,2142,2146,2149,2151,2153],{"class":2088,"line":2139},6,[2086,2141,2114],{"class":2092},[2086,2143,2145],{"class":2144},"sZSNi","(",[2086,2147,2148],{"class":2092},"'",[2086,2150,2121],{"class":2120},[2086,2152,2148],{"class":2092},[2086,2154,2155],{"class":2144},")\n",[2086,2157,2159,2162,2164],{"class":2088,"line":2158},7,[2086,2160,2161],{"class":2092},"\u003C/",[2086,2163,2097],{"class":2096},[2086,2165,2100],{"class":2092},[2086,2167,2169],{"class":2088,"line":2168},8,[2086,2170,2130],{"emptyLinePlaceholder":1196},[2086,2172,2174,2176,2179],{"class":2088,"line":2173},9,[2086,2175,2093],{"class":2092},[2086,2177,2178],{"class":2096},"style",[2086,2180,2100],{"class":2092},[2086,2182,2184,2186,2190,2192,2195,2198,2200],{"class":2088,"line":2183},10,[2086,2185,2073],{"class":2113},[2086,2187,2189],{"class":2188},"s3cPz"," url",[2086,2191,2145],{"class":2092},[2086,2193,2194],{"class":2092},"\"",[2086,2196,2197],{"class":2120},"~/assets/css/second.css",[2086,2199,2194],{"class":2092},[2086,2201,2202],{"class":2092},");\n",[2086,2204,2206,2208,2210],{"class":2088,"line":2205},11,[2086,2207,2161],{"class":2092},[2086,2209,2178],{"class":2096},[2086,2211,2100],{"class":2092},[2213,2214,2215],"tip",{},[2038,2216,2217],{},"The stylesheets will be inlined in the HTML rendered by Nuxt.",[2059,2219,2221],{"id":2220},"the-css-property","The CSS Property",[2038,2223,2224,2225,2228,2229,2233],{},"You can also use the ",[2053,2226,2227],{},"css"," property in the Nuxt configuration.\nThe natural place for your stylesheets is the ",[2050,2230,2231,2056],{"href":128},[2053,2232,2055],{},". You can then reference its path and Nuxt will include it to all the pages of your application.",[2076,2235,2239],{"className":2236,"code":2237,"filename":233,"language":2238,"meta":2082,"style":2082},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  css: ['~/assets/css/main.css'],\n})\n","ts",[2053,2240,2241,2257,2281],{"__ignoreMap":2082},[2086,2242,2243,2246,2249,2252,2254],{"class":2088,"line":2089},[2086,2244,2245],{"class":2113},"export",[2086,2247,2248],{"class":2113}," default",[2086,2250,2251],{"class":2188}," defineNuxtConfig",[2086,2253,2145],{"class":2144},[2086,2255,2256],{"class":2092},"{\n",[2086,2258,2259,2262,2265,2268,2270,2273,2275,2278],{"class":2088,"line":2103},[2086,2260,2261],{"class":2096},"  css",[2086,2263,2264],{"class":2092},":",[2086,2266,2267],{"class":2144}," [",[2086,2269,2148],{"class":2092},[2086,2271,2272],{"class":2120},"~/assets/css/main.css",[2086,2274,2148],{"class":2092},[2086,2276,2277],{"class":2144},"]",[2086,2279,2280],{"class":2092},",\n",[2086,2282,2283,2286],{"class":2088,"line":2110},[2086,2284,2285],{"class":2092},"}",[2086,2287,2155],{"class":2144},[2213,2289,2290],{},[2038,2291,2292],{},"The stylesheets will be inlined in the HTML rendered by Nuxt, injected globally and present in all pages.",[2059,2294,2296],{"id":2295},"working-with-fonts","Working With Fonts",[2038,2298,2299,2300,2303,2304,2307,2308,2057],{},"Place your local fonts files in your ",[2053,2301,2302],{},"public/"," directory, for example in ",[2053,2305,2306],{},"public/fonts",". You can then reference them in your stylesheets using ",[2053,2309,2310],{},"url()",[2076,2312,2316],{"className":2313,"code":2314,"filename":2315,"language":2227,"meta":2082,"style":2082},"language-css shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","@font-face {\n  font-family: 'FarAwayGalaxy';\n  src: url('/fonts/FarAwayGalaxy.woff') format('woff');\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n","assets/css/main.css",[2053,2317,2318,2326,2344,2379,2391,2402,2414],{"__ignoreMap":2082},[2086,2319,2320,2323],{"class":2088,"line":2089},[2086,2321,2322],{"class":2113},"@font-face",[2086,2324,2325],{"class":2092}," {\n",[2086,2327,2328,2332,2334,2336,2339,2341],{"class":2088,"line":2103},[2086,2329,2331],{"class":2330},"spFsF","  font-family",[2086,2333,2264],{"class":2092},[2086,2335,2117],{"class":2092},[2086,2337,2338],{"class":2120},"FarAwayGalaxy",[2086,2340,2148],{"class":2092},[2086,2342,2343],{"class":2092},";\n",[2086,2345,2346,2349,2351,2353,2355,2357,2360,2362,2365,2368,2370,2372,2375,2377],{"class":2088,"line":2110},[2086,2347,2348],{"class":2330},"  src",[2086,2350,2264],{"class":2092},[2086,2352,2189],{"class":2188},[2086,2354,2145],{"class":2092},[2086,2356,2148],{"class":2092},[2086,2358,2359],{"class":2120},"/fonts/FarAwayGalaxy.woff",[2086,2361,2148],{"class":2092},[2086,2363,2364],{"class":2092},")",[2086,2366,2367],{"class":2188}," format",[2086,2369,2145],{"class":2092},[2086,2371,2148],{"class":2092},[2086,2373,2374],{"class":2120},"woff",[2086,2376,2148],{"class":2092},[2086,2378,2202],{"class":2092},[2086,2380,2381,2384,2386,2389],{"class":2088,"line":2127},[2086,2382,2383],{"class":2330},"  font-weight",[2086,2385,2264],{"class":2092},[2086,2387,2388],{"class":2144}," normal",[2086,2390,2343],{"class":2092},[2086,2392,2393,2396,2398,2400],{"class":2088,"line":2133},[2086,2394,2395],{"class":2330},"  font-style",[2086,2397,2264],{"class":2092},[2086,2399,2388],{"class":2144},[2086,2401,2343],{"class":2092},[2086,2403,2404,2407,2409,2412],{"class":2088,"line":2139},[2086,2405,2406],{"class":2330},"  font-display",[2086,2408,2264],{"class":2092},[2086,2410,2411],{"class":2144}," swap",[2086,2413,2343],{"class":2092},[2086,2415,2416],{"class":2088,"line":2158},[2086,2417,2418],{"class":2092},"}\n",[2038,2420,2421],{},"Then reference your fonts by name in your stylesheets, pages or components:",[2076,2423,2425],{"className":2078,"code":2424,"language":2081,"meta":2082,"style":2082},"\u003Cstyle>\nh1 {\n  font-family: 'FarAwayGalaxy', sans-serif;\n}\n\u003C/style>\n",[2053,2426,2427,2435,2443,2463,2467],{"__ignoreMap":2082},[2086,2428,2429,2431,2433],{"class":2088,"line":2089},[2086,2430,2093],{"class":2092},[2086,2432,2178],{"class":2096},[2086,2434,2100],{"class":2092},[2086,2436,2437,2441],{"class":2088,"line":2103},[2086,2438,2440],{"class":2439},"s52Pk","h1",[2086,2442,2325],{"class":2092},[2086,2444,2445,2447,2449,2451,2453,2455,2458,2461],{"class":2088,"line":2110},[2086,2446,2331],{"class":2330},[2086,2448,2264],{"class":2092},[2086,2450,2117],{"class":2092},[2086,2452,2338],{"class":2120},[2086,2454,2148],{"class":2092},[2086,2456,2457],{"class":2092},",",[2086,2459,2460],{"class":2144}," sans-serif",[2086,2462,2343],{"class":2092},[2086,2464,2465],{"class":2088,"line":2127},[2086,2466,2418],{"class":2092},[2086,2468,2469,2471,2473],{"class":2088,"line":2133},[2086,2470,2161],{"class":2092},[2086,2472,2178],{"class":2096},[2086,2474,2100],{"class":2092},[2059,2476,2478],{"id":2477},"stylesheets-distributed-through-npm","Stylesheets Distributed Through NPM",[2038,2480,2481,2482,2485],{},"You can also reference stylesheets that are distributed through npm. Let's use the popular ",[2053,2483,2484],{},"animate.css"," library as an example.",[2487,2488,2490,2508,2523,2537,2551],"code-group",{"sync":2489},"pm",[2076,2491,2496],{"className":2492,"code":2493,"filename":2494,"language":2495,"meta":2082,"style":2082},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npm install animate.css\n","npm","bash",[2053,2497,2498],{"__ignoreMap":2082},[2086,2499,2500,2502,2505],{"class":2088,"line":2089},[2086,2501,2494],{"class":2439},[2086,2503,2504],{"class":2120}," install",[2086,2506,2507],{"class":2120}," animate.css\n",[2076,2509,2512],{"className":2492,"code":2510,"filename":2511,"language":2495,"meta":2082,"style":2082},"yarn add animate.css\n","yarn",[2053,2513,2514],{"__ignoreMap":2082},[2086,2515,2516,2518,2521],{"class":2088,"line":2089},[2086,2517,2511],{"class":2439},[2086,2519,2520],{"class":2120}," add",[2086,2522,2507],{"class":2120},[2076,2524,2527],{"className":2492,"code":2525,"filename":2526,"language":2495,"meta":2082,"style":2082},"pnpm install animate.css\n","pnpm",[2053,2528,2529],{"__ignoreMap":2082},[2086,2530,2531,2533,2535],{"class":2088,"line":2089},[2086,2532,2526],{"class":2439},[2086,2534,2504],{"class":2120},[2086,2536,2507],{"class":2120},[2076,2538,2541],{"className":2492,"code":2539,"filename":2540,"language":2495,"meta":2082,"style":2082},"bun install animate.css\n","bun",[2053,2542,2543],{"__ignoreMap":2082},[2086,2544,2545,2547,2549],{"class":2088,"line":2089},[2086,2546,2540],{"class":2439},[2086,2548,2504],{"class":2120},[2086,2550,2507],{"class":2120},[2076,2552,2555],{"className":2492,"code":2553,"filename":2554,"language":2495,"meta":2082,"style":2082},"deno install npm:animate.css\n","deno",[2053,2556,2557],{"__ignoreMap":2082},[2086,2558,2559,2561,2563],{"class":2088,"line":2089},[2086,2560,2554],{"class":2439},[2086,2562,2504],{"class":2120},[2086,2564,2565],{"class":2120}," npm:animate.css\n",[2038,2567,2568],{},"Then you can reference it directly in your pages, layouts and components:",[2076,2570,2572],{"className":2078,"code":2571,"filename":219,"language":2081,"meta":2082,"style":2082},"\u003Cscript>\nimport 'animate.css'\n\u003C/script>\n\n\u003Cstyle>\n@import url(\"animate.css\");\n\u003C/style>\n",[2053,2573,2574,2582,2592,2600,2604,2612,2628],{"__ignoreMap":2082},[2086,2575,2576,2578,2580],{"class":2088,"line":2089},[2086,2577,2093],{"class":2092},[2086,2579,2097],{"class":2096},[2086,2581,2100],{"class":2092},[2086,2583,2584,2586,2588,2590],{"class":2088,"line":2103},[2086,2585,2114],{"class":2113},[2086,2587,2117],{"class":2092},[2086,2589,2484],{"class":2120},[2086,2591,2124],{"class":2092},[2086,2593,2594,2596,2598],{"class":2088,"line":2110},[2086,2595,2161],{"class":2092},[2086,2597,2097],{"class":2096},[2086,2599,2100],{"class":2092},[2086,2601,2602],{"class":2088,"line":2127},[2086,2603,2130],{"emptyLinePlaceholder":1196},[2086,2605,2606,2608,2610],{"class":2088,"line":2133},[2086,2607,2093],{"class":2092},[2086,2609,2178],{"class":2096},[2086,2611,2100],{"class":2092},[2086,2613,2614,2616,2618,2620,2622,2624,2626],{"class":2088,"line":2139},[2086,2615,2073],{"class":2113},[2086,2617,2189],{"class":2188},[2086,2619,2145],{"class":2092},[2086,2621,2194],{"class":2092},[2086,2623,2484],{"class":2120},[2086,2625,2194],{"class":2092},[2086,2627,2202],{"class":2092},[2086,2629,2630,2632,2634],{"class":2088,"line":2158},[2086,2631,2161],{"class":2092},[2086,2633,2178],{"class":2096},[2086,2635,2100],{"class":2092},[2038,2637,2638],{},"The package can also be referenced as a string in the css property of your Nuxt configuration.",[2076,2640,2642],{"className":2236,"code":2641,"filename":233,"language":2238,"meta":2082,"style":2082},"export default defineNuxtConfig({\n  css: ['animate.css'],\n})\n",[2053,2643,2644,2656,2674],{"__ignoreMap":2082},[2086,2645,2646,2648,2650,2652,2654],{"class":2088,"line":2089},[2086,2647,2245],{"class":2113},[2086,2649,2248],{"class":2113},[2086,2651,2251],{"class":2188},[2086,2653,2145],{"class":2144},[2086,2655,2256],{"class":2092},[2086,2657,2658,2660,2662,2664,2666,2668,2670,2672],{"class":2088,"line":2103},[2086,2659,2261],{"class":2096},[2086,2661,2264],{"class":2092},[2086,2663,2267],{"class":2144},[2086,2665,2148],{"class":2092},[2086,2667,2484],{"class":2120},[2086,2669,2148],{"class":2092},[2086,2671,2277],{"class":2144},[2086,2673,2280],{"class":2092},[2086,2675,2676,2678],{"class":2088,"line":2110},[2086,2677,2285],{"class":2092},[2086,2679,2155],{"class":2144},[2042,2681,2683],{"id":2682},"external-stylesheets","External Stylesheets",[2038,2685,2686],{},"You can include external stylesheets in your application by adding a link element in the head section of your nuxt.config file. You can achieve this result using different methods. Note that local stylesheets can also be included this way.",[2038,2688,2689,2690,2696],{},"You can manipulate the head with the ",[2050,2691,2693],{"href":2692},"/docs/3.x/api/nuxt-config#head",[2053,2694,2695],{},"app.head"," property of your Nuxt configuration:",[2076,2698,2701],{"className":2236,"code":2699,"filename":233,"language":2238,"meta":2700,"style":2082},"export default defineNuxtConfig({\n  app: {\n    head: {\n      link: [{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css' }],\n    },\n  },\n})\n","twoslash",[2053,2702,2703,2715,2724,2733,2778,2783,2788],{"__ignoreMap":2082},[2086,2704,2705,2707,2709,2711,2713],{"class":2088,"line":2089},[2086,2706,2245],{"class":2113},[2086,2708,2248],{"class":2113},[2086,2710,2251],{"class":2188},[2086,2712,2145],{"class":2144},[2086,2714,2256],{"class":2092},[2086,2716,2717,2720,2722],{"class":2088,"line":2103},[2086,2718,2719],{"class":2096},"  app",[2086,2721,2264],{"class":2092},[2086,2723,2325],{"class":2092},[2086,2725,2726,2729,2731],{"class":2088,"line":2110},[2086,2727,2728],{"class":2096},"    head",[2086,2730,2264],{"class":2092},[2086,2732,2325],{"class":2092},[2086,2734,2735,2738,2740,2742,2745,2748,2750,2752,2755,2757,2759,2762,2764,2766,2769,2771,2774,2776],{"class":2088,"line":2127},[2086,2736,2737],{"class":2096},"      link",[2086,2739,2264],{"class":2092},[2086,2741,2267],{"class":2144},[2086,2743,2744],{"class":2092},"{",[2086,2746,2747],{"class":2096}," rel",[2086,2749,2264],{"class":2092},[2086,2751,2117],{"class":2092},[2086,2753,2754],{"class":2120},"stylesheet",[2086,2756,2148],{"class":2092},[2086,2758,2457],{"class":2092},[2086,2760,2761],{"class":2096}," href",[2086,2763,2264],{"class":2092},[2086,2765,2117],{"class":2092},[2086,2767,2768],{"class":2120},"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",[2086,2770,2148],{"class":2092},[2086,2772,2773],{"class":2092}," }",[2086,2775,2277],{"class":2144},[2086,2777,2280],{"class":2092},[2086,2779,2780],{"class":2088,"line":2133},[2086,2781,2782],{"class":2092},"    },\n",[2086,2784,2785],{"class":2088,"line":2139},[2086,2786,2787],{"class":2092},"  },\n",[2086,2789,2790,2792],{"class":2088,"line":2158},[2086,2791,2285],{"class":2092},[2086,2793,2155],{"class":2144},[2059,2795,2797],{"id":2796},"dynamically-adding-stylesheets","Dynamically Adding Stylesheets",[2038,2799,2800],{},"You can use the useHead composable to dynamically set a value in your head in your code.",[2802,2803],"read-more",{"to":532},[2076,2805,2807],{"className":2236,"code":2806,"language":2238,"meta":2700,"style":2082},"useHead({\n  link: [{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css' }],\n})\n",[2053,2808,2809,2817,2856],{"__ignoreMap":2082},[2086,2810,2811,2813,2815],{"class":2088,"line":2089},[2086,2812,531],{"class":2188},[2086,2814,2145],{"class":2144},[2086,2816,2256],{"class":2092},[2086,2818,2819,2822,2824,2826,2828,2830,2832,2834,2836,2838,2840,2842,2844,2846,2848,2850,2852,2854],{"class":2088,"line":2103},[2086,2820,2821],{"class":2096},"  link",[2086,2823,2264],{"class":2092},[2086,2825,2267],{"class":2144},[2086,2827,2744],{"class":2092},[2086,2829,2747],{"class":2096},[2086,2831,2264],{"class":2092},[2086,2833,2117],{"class":2092},[2086,2835,2754],{"class":2120},[2086,2837,2148],{"class":2092},[2086,2839,2457],{"class":2092},[2086,2841,2761],{"class":2096},[2086,2843,2264],{"class":2092},[2086,2845,2117],{"class":2092},[2086,2847,2768],{"class":2120},[2086,2849,2148],{"class":2092},[2086,2851,2773],{"class":2092},[2086,2853,2277],{"class":2144},[2086,2855,2280],{"class":2092},[2086,2857,2858,2860],{"class":2088,"line":2110},[2086,2859,2285],{"class":2092},[2086,2861,2155],{"class":2144},[2038,2863,2864,2865,2868,2869,2057],{},"Nuxt uses ",[2053,2866,2867],{},"unhead"," under the hood, and you can refer to ",[2050,2870,2873],{"href":2871,"rel":2872},"https://unhead.unjs.io",[2070],"its full documentation",[2059,2875,2877],{"id":2876},"modifying-the-rendered-head-with-a-nitro-plugin","Modifying The Rendered Head With A Nitro Plugin",[2038,2879,2880],{},"If you need more advanced control, you can intercept the rendered html with a hook and modify the head programmatically.",[2038,2882,2883,2884,2887],{},"Create a plugin in ",[2053,2885,2886],{},"~/server/plugins/my-plugin.ts"," like this:",[2076,2889,2892],{"className":2236,"code":2890,"filename":2891,"language":2238,"meta":2082,"style":2082},"export default defineNitroPlugin((nitro) => {\n  nitro.hooks.hook('render:html', (html) => {\n    html.head.push('\u003Clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css\">')\n  })\n})\n","server/plugins/my-plugin.ts",[2053,2893,2894,2919,2957,2983,2990],{"__ignoreMap":2082},[2086,2895,2896,2898,2900,2903,2905,2907,2911,2913,2917],{"class":2088,"line":2089},[2086,2897,2245],{"class":2113},[2086,2899,2248],{"class":2113},[2086,2901,2902],{"class":2188}," defineNitroPlugin",[2086,2904,2145],{"class":2144},[2086,2906,2145],{"class":2092},[2086,2908,2910],{"class":2909},"s1nJG","nitro",[2086,2912,2364],{"class":2092},[2086,2914,2916],{"class":2915},"smZ93"," =>",[2086,2918,2325],{"class":2092},[2086,2920,2921,2924,2926,2929,2931,2934,2936,2938,2941,2943,2945,2948,2951,2953,2955],{"class":2088,"line":2103},[2086,2922,2923],{"class":2144},"  nitro",[2086,2925,2057],{"class":2092},[2086,2927,2928],{"class":2144},"hooks",[2086,2930,2057],{"class":2092},[2086,2932,2933],{"class":2188},"hook",[2086,2935,2145],{"class":2096},[2086,2937,2148],{"class":2092},[2086,2939,2940],{"class":2120},"render:html",[2086,2942,2148],{"class":2092},[2086,2944,2457],{"class":2092},[2086,2946,2947],{"class":2092}," (",[2086,2949,2950],{"class":2909},"html",[2086,2952,2364],{"class":2092},[2086,2954,2916],{"class":2915},[2086,2956,2325],{"class":2092},[2086,2958,2959,2962,2964,2967,2969,2972,2974,2976,2979,2981],{"class":2088,"line":2110},[2086,2960,2961],{"class":2144},"    html",[2086,2963,2057],{"class":2092},[2086,2965,2966],{"class":2144},"head",[2086,2968,2057],{"class":2092},[2086,2970,2971],{"class":2188},"push",[2086,2973,2145],{"class":2096},[2086,2975,2148],{"class":2092},[2086,2977,2978],{"class":2120},"\u003Clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css\">",[2086,2980,2148],{"class":2092},[2086,2982,2155],{"class":2096},[2086,2984,2985,2988],{"class":2088,"line":2127},[2086,2986,2987],{"class":2092},"  }",[2086,2989,2155],{"class":2096},[2086,2991,2992,2994],{"class":2088,"line":2133},[2086,2993,2285],{"class":2092},[2086,2995,2155],{"class":2144},[2038,2997,2998,2999,2057],{},"External stylesheets are render-blocking resources: they must be loaded and processed before the browser renders the page. Web pages that contain unnecessarily large styles take longer to render. You can read more about it on ",[2050,3000,3003],{"href":3001,"rel":3002},"https://web.dev/articles/defer-non-critical-css",[2070],"web.dev",[2042,3005,3007],{"id":3006},"using-preprocessors","Using Preprocessors",[2038,3009,3010],{},"To use a preprocessor like SCSS, Sass, Less or Stylus, install it first.",[2487,3012,3013,3031,3048],{},[2076,3014,3017],{"className":2492,"code":3015,"filename":3016,"language":2495,"meta":2082,"style":2082},"npm install -D sass\n","Sass & SCSS",[2053,3018,3019],{"__ignoreMap":2082},[2086,3020,3021,3023,3025,3028],{"class":2088,"line":2089},[2086,3022,2494],{"class":2439},[2086,3024,2504],{"class":2120},[2086,3026,3027],{"class":2120}," -D",[2086,3029,3030],{"class":2120}," sass\n",[2076,3032,3035],{"className":2492,"code":3033,"filename":3034,"language":2495,"meta":2082,"style":2082},"npm install -D less\n","Less",[2053,3036,3037],{"__ignoreMap":2082},[2086,3038,3039,3041,3043,3045],{"class":2088,"line":2089},[2086,3040,2494],{"class":2439},[2086,3042,2504],{"class":2120},[2086,3044,3027],{"class":2120},[2086,3046,3047],{"class":2120}," less\n",[2076,3049,3052],{"className":2492,"code":3050,"filename":3051,"language":2495,"meta":2082,"style":2082},"npm install -D stylus\n","Stylus",[2053,3053,3054],{"__ignoreMap":2082},[2086,3055,3056,3058,3060,3062],{"class":2088,"line":2089},[2086,3057,2494],{"class":2439},[2086,3059,2504],{"class":2120},[2086,3061,3027],{"class":2120},[2086,3063,3064],{"class":2120}," stylus\n",[2038,3066,3067,3068,3070,3071,3073],{},"The natural place to write your stylesheets is the ",[2053,3069,127],{}," directory.\nYou can then import your source files in your ",[2053,3072,219],{}," (or layouts files) using your preprocessor's syntax.",[2076,3075,3078],{"className":2078,"code":3076,"filename":3077,"language":2081,"meta":2082,"style":2082},"\u003Cstyle lang=\"scss\">\n@use \"~/assets/scss/main.scss\";\n\u003C/style>\n","pages/app.vue",[2053,3079,3080,3101,3116],{"__ignoreMap":2082},[2086,3081,3082,3084,3086,3089,3092,3094,3097,3099],{"class":2088,"line":2089},[2086,3083,2093],{"class":2092},[2086,3085,2178],{"class":2096},[2086,3087,3088],{"class":2915}," lang",[2086,3090,3091],{"class":2092},"=",[2086,3093,2194],{"class":2092},[2086,3095,3096],{"class":2120},"scss",[2086,3098,2194],{"class":2092},[2086,3100,2100],{"class":2092},[2086,3102,3103,3106,3109,3112,3114],{"class":2088,"line":2103},[2086,3104,3105],{"class":2113},"@use",[2086,3107,3108],{"class":2092}," \"",[2086,3110,3111],{"class":2120},"~/assets/scss/main.scss",[2086,3113,2194],{"class":2092},[2086,3115,2343],{"class":2092},[2086,3117,3118,3120,3122],{"class":2088,"line":2110},[2086,3119,2161],{"class":2092},[2086,3121,2178],{"class":2096},[2086,3123,2100],{"class":2092},[2038,3125,3126,3127,3129],{},"Alternatively, you can use the ",[2053,3128,2227],{}," property of your Nuxt configuration.",[2076,3131,3133],{"className":2236,"code":3132,"filename":233,"language":2238,"meta":2700,"style":2082},"export default defineNuxtConfig({\n  css: ['~/assets/scss/main.scss'],\n})\n",[2053,3134,3135,3147,3165],{"__ignoreMap":2082},[2086,3136,3137,3139,3141,3143,3145],{"class":2088,"line":2089},[2086,3138,2245],{"class":2113},[2086,3140,2248],{"class":2113},[2086,3142,2251],{"class":2188},[2086,3144,2145],{"class":2144},[2086,3146,2256],{"class":2092},[2086,3148,3149,3151,3153,3155,3157,3159,3161,3163],{"class":2088,"line":2103},[2086,3150,2261],{"class":2096},[2086,3152,2264],{"class":2092},[2086,3154,2267],{"class":2144},[2086,3156,2148],{"class":2092},[2086,3158,3111],{"class":2120},[2086,3160,2148],{"class":2092},[2086,3162,2277],{"class":2144},[2086,3164,2280],{"class":2092},[2086,3166,3167,3169],{"class":2088,"line":2110},[2086,3168,2285],{"class":2092},[2086,3170,2155],{"class":2144},[2213,3172,3173],{},[2038,3174,3175],{},"In both cases, the compiled stylesheets will be inlined in the HTML rendered by Nuxt.",[2038,3177,3178,3179,3184,3185,2057],{},"If you need to inject code in pre-processed files, like a ",[2050,3180,3183],{"href":3181,"rel":3182},"https://sass-lang.com/documentation/at-rules/use/#partials",[2070],"Sass partial"," with color variables, you can do so with the Vite ",[2050,3186,3189],{"href":3187,"rel":3188},"https://vite.dev/config/shared-options#css-preprocessoroptions",[2070],"preprocessors options",[2038,3191,3192,3193,3195],{},"Create some partials in your ",[2053,3194,127],{}," directory:",[2487,3197,3199,3235],{"sync":3198},"preprocessor",[2076,3200,3204],{"className":3201,"code":3202,"filename":3203,"language":3096,"meta":2082,"style":2082},"language-scss shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","$primary: #49240F;\n$secondary: #E4A79D;\n","assets/_colors.scss",[2053,3205,3206,3221],{"__ignoreMap":2082},[2086,3207,3208,3211,3213,3216,3219],{"class":2088,"line":2089},[2086,3209,3210],{"class":2144},"$primary",[2086,3212,2264],{"class":2092},[2086,3214,3215],{"class":2092}," #",[2086,3217,3218],{"class":2144},"49240F",[2086,3220,2343],{"class":2092},[2086,3222,3223,3226,3228,3230,3233],{"class":2088,"line":2103},[2086,3224,3225],{"class":2144},"$secondary",[2086,3227,2264],{"class":2092},[2086,3229,3215],{"class":2092},[2086,3231,3232],{"class":2144},"E4A79D",[2086,3234,2343],{"class":2092},[2076,3236,3241],{"className":3237,"code":3238,"filename":3239,"language":3240,"meta":2082,"style":2082},"language-sass shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","$primary: #49240F\n$secondary: #E4A79D\n","assets/_colors.sass","sass",[2053,3242,3243,3248],{"__ignoreMap":2082},[2086,3244,3245],{"class":2088,"line":2089},[2086,3246,3247],{},"$primary: #49240F\n",[2086,3249,3250],{"class":2088,"line":2103},[2086,3251,3252],{},"$secondary: #E4A79D\n",[2038,3254,3255,3256,3259],{},"Then in your ",[2053,3257,3258],{},"nuxt.config"," :",[2487,3261,3262,3356],{},[2076,3263,3266],{"className":2236,"code":3264,"filename":3265,"language":2238,"meta":2700,"style":2082},"export default defineNuxtConfig({\n  vite: {\n    css: {\n      preprocessorOptions: {\n        scss: {\n          additionalData: '@use \"~/assets/_colors.scss\" as *;',\n        },\n      },\n    },\n  },\n})\n","SCSS",[2053,3267,3268,3280,3289,3298,3307,3316,3332,3337,3342,3346,3350],{"__ignoreMap":2082},[2086,3269,3270,3272,3274,3276,3278],{"class":2088,"line":2089},[2086,3271,2245],{"class":2113},[2086,3273,2248],{"class":2113},[2086,3275,2251],{"class":2188},[2086,3277,2145],{"class":2144},[2086,3279,2256],{"class":2092},[2086,3281,3282,3285,3287],{"class":2088,"line":2103},[2086,3283,3284],{"class":2096},"  vite",[2086,3286,2264],{"class":2092},[2086,3288,2325],{"class":2092},[2086,3290,3291,3294,3296],{"class":2088,"line":2110},[2086,3292,3293],{"class":2096},"    css",[2086,3295,2264],{"class":2092},[2086,3297,2325],{"class":2092},[2086,3299,3300,3303,3305],{"class":2088,"line":2127},[2086,3301,3302],{"class":2096},"      preprocessorOptions",[2086,3304,2264],{"class":2092},[2086,3306,2325],{"class":2092},[2086,3308,3309,3312,3314],{"class":2088,"line":2133},[2086,3310,3311],{"class":2096},"        scss",[2086,3313,2264],{"class":2092},[2086,3315,2325],{"class":2092},[2086,3317,3318,3321,3323,3325,3328,3330],{"class":2088,"line":2139},[2086,3319,3320],{"class":2096},"          additionalData",[2086,3322,2264],{"class":2092},[2086,3324,2117],{"class":2092},[2086,3326,3327],{"class":2120},"@use \"~/assets/_colors.scss\" as *;",[2086,3329,2148],{"class":2092},[2086,3331,2280],{"class":2092},[2086,3333,3334],{"class":2088,"line":2158},[2086,3335,3336],{"class":2092},"        },\n",[2086,3338,3339],{"class":2088,"line":2168},[2086,3340,3341],{"class":2092},"      },\n",[2086,3343,3344],{"class":2088,"line":2173},[2086,3345,2782],{"class":2092},[2086,3347,3348],{"class":2088,"line":2183},[2086,3349,2787],{"class":2092},[2086,3351,3352,3354],{"class":2088,"line":2205},[2086,3353,2285],{"class":2092},[2086,3355,2155],{"class":2144},[2076,3357,3360],{"className":2236,"code":3358,"filename":3359,"language":2238,"meta":2700,"style":2082},"export default defineNuxtConfig({\n  vite: {\n    css: {\n      preprocessorOptions: {\n        sass: {\n          additionalData: '@use \"~/assets/_colors.sass\" as *\\n',\n        },\n      },\n    },\n  },\n})\n","SASS",[2053,3361,3362,3374,3382,3390,3398,3407,3425,3429,3433,3437,3441],{"__ignoreMap":2082},[2086,3363,3364,3366,3368,3370,3372],{"class":2088,"line":2089},[2086,3365,2245],{"class":2113},[2086,3367,2248],{"class":2113},[2086,3369,2251],{"class":2188},[2086,3371,2145],{"class":2144},[2086,3373,2256],{"class":2092},[2086,3375,3376,3378,3380],{"class":2088,"line":2103},[2086,3377,3284],{"class":2096},[2086,3379,2264],{"class":2092},[2086,3381,2325],{"class":2092},[2086,3383,3384,3386,3388],{"class":2088,"line":2110},[2086,3385,3293],{"class":2096},[2086,3387,2264],{"class":2092},[2086,3389,2325],{"class":2092},[2086,3391,3392,3394,3396],{"class":2088,"line":2127},[2086,3393,3302],{"class":2096},[2086,3395,2264],{"class":2092},[2086,3397,2325],{"class":2092},[2086,3399,3400,3403,3405],{"class":2088,"line":2133},[2086,3401,3402],{"class":2096},"        sass",[2086,3404,2264],{"class":2092},[2086,3406,2325],{"class":2092},[2086,3408,3409,3411,3413,3415,3418,3421,3423],{"class":2088,"line":2139},[2086,3410,3320],{"class":2096},[2086,3412,2264],{"class":2092},[2086,3414,2117],{"class":2092},[2086,3416,3417],{"class":2120},"@use \"~/assets/_colors.sass\" as *",[2086,3419,3420],{"class":2144},"\\n",[2086,3422,2148],{"class":2092},[2086,3424,2280],{"class":2092},[2086,3426,3427],{"class":2088,"line":2158},[2086,3428,3336],{"class":2092},[2086,3430,3431],{"class":2088,"line":2168},[2086,3432,3341],{"class":2092},[2086,3434,3435],{"class":2088,"line":2173},[2086,3436,2782],{"class":2092},[2086,3438,3439],{"class":2088,"line":2183},[2086,3440,2787],{"class":2092},[2086,3442,3443,3445],{"class":2088,"line":2205},[2086,3444,2285],{"class":2092},[2086,3446,2155],{"class":2144},[2038,3448,3449,3450,2057],{},"Nuxt uses Vite by default. If you wish to use webpack instead, refer to each preprocessor loader ",[2050,3451,3454],{"href":3452,"rel":3453},"https://webpack.js.org/loaders/sass-loader/",[2070],"documentation",[2059,3456,3458],{"id":3457},"preprocessor-workers-experimental","Preprocessor Workers (Experimental)",[2038,3460,3461,3462,3467],{},"Vite has made available an ",[2050,3463,3466],{"href":3464,"rel":3465},"https://vite.dev/config/shared-options#css-preprocessormaxworkers",[2070],"experimental option"," which can speed up using preprocessors.",[2038,3469,3470,3471,2264],{},"You can enable this in your ",[2053,3472,3258],{},[2076,3474,3476],{"className":2236,"code":3475,"language":2238,"meta":2082,"style":2082},"export default defineNuxtConfig({\n  vite: {\n    css: {\n      preprocessorMaxWorkers: true, // number of CPUs minus 1\n    },\n  },\n})\n",[2053,3477,3478,3490,3498,3506,3522,3526,3530],{"__ignoreMap":2082},[2086,3479,3480,3482,3484,3486,3488],{"class":2088,"line":2089},[2086,3481,2245],{"class":2113},[2086,3483,2248],{"class":2113},[2086,3485,2251],{"class":2188},[2086,3487,2145],{"class":2144},[2086,3489,2256],{"class":2092},[2086,3491,3492,3494,3496],{"class":2088,"line":2103},[2086,3493,3284],{"class":2096},[2086,3495,2264],{"class":2092},[2086,3497,2325],{"class":2092},[2086,3499,3500,3502,3504],{"class":2088,"line":2110},[2086,3501,3293],{"class":2096},[2086,3503,2264],{"class":2092},[2086,3505,2325],{"class":2092},[2086,3507,3508,3511,3513,3517,3519],{"class":2088,"line":2127},[2086,3509,3510],{"class":2096},"      preprocessorMaxWorkers",[2086,3512,2264],{"class":2092},[2086,3514,3516],{"class":3515},"sbKd-"," true",[2086,3518,2457],{"class":2092},[2086,3520,3521],{"class":2106}," // number of CPUs minus 1\n",[2086,3523,3524],{"class":2088,"line":2133},[2086,3525,2782],{"class":2092},[2086,3527,3528],{"class":2088,"line":2139},[2086,3529,2787],{"class":2092},[2086,3531,3532,3534],{"class":2088,"line":2158},[2086,3533,2285],{"class":2092},[2086,3535,2155],{"class":2144},[3537,3538,3539],"note",{},[2038,3540,3541,3542,2057],{},"This is an experimental option and you should refer to the Vite documentation and ",[2050,3543,3546],{"href":3544,"rel":3545},"https://github.com/vitejs/vite/discussions/15835",[2070],"provide feedback",[2042,3548,3550],{"id":3549},"single-file-components-sfc-styling","Single File Components (SFC) Styling",[2038,3552,3553,3554,2057],{},"One of the best things about Vue and SFC is how great it is at naturally dealing with styling. You can directly write CSS or preprocessor code in the style block of your components file, therefore you will have fantastic developer experience without having to use something like CSS-in-JS. However if you wish to use CSS-in-JS, you can find 3rd party libraries and modules that support it, such as ",[2050,3555,3558],{"href":3556,"rel":3557},"https://github.com/Tahul/pinceau",[2070],"pinceau",[2038,3560,3561,3562,3567],{},"You can refer to the ",[2050,3563,3566],{"href":3564,"rel":3565},"https://vuejs.org/api/sfc-css-features",[2070],"Vue docs"," for a comprehensive reference about styling components in SFC.",[2059,3569,3571],{"id":3570},"class-and-style-bindings","Class And Style Bindings",[2038,3573,3574],{},"You can leverage Vue SFC features to style your components with class and style attributes.",[2487,3576,3577,3794,4009,4119],{},[2076,3578,3581],{"className":2078,"code":3579,"filename":3580,"language":2081,"meta":2082,"style":2082},"\u003Cscript setup lang=\"ts\">\nconst isActive = ref(true)\nconst hasError = ref(false)\nconst classObject = reactive({\n  'active': true,\n  'text-danger': false,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv\n    class=\"static\"\n    :class=\"{ 'active': isActive, 'text-danger': hasError }\"\n  />\n  \u003Cdiv :class=\"classObject\" />\n\u003C/template>\n","Ref and Reactive",[2053,3582,3583,3604,3624,3642,3658,3674,3690,3696,3704,3708,3717,3725,3741,3756,3762,3785],{"__ignoreMap":2082},[2086,3584,3585,3587,3589,3592,3594,3596,3598,3600,3602],{"class":2088,"line":2089},[2086,3586,2093],{"class":2092},[2086,3588,2097],{"class":2096},[2086,3590,3591],{"class":2915}," setup",[2086,3593,3088],{"class":2915},[2086,3595,3091],{"class":2092},[2086,3597,2194],{"class":2092},[2086,3599,2238],{"class":2120},[2086,3601,2194],{"class":2092},[2086,3603,2100],{"class":2092},[2086,3605,3606,3609,3612,3614,3617,3619,3622],{"class":2088,"line":2103},[2086,3607,3608],{"class":2915},"const",[2086,3610,3611],{"class":2144}," isActive ",[2086,3613,3091],{"class":2092},[2086,3615,3616],{"class":2188}," ref",[2086,3618,2145],{"class":2144},[2086,3620,3621],{"class":3515},"true",[2086,3623,2155],{"class":2144},[2086,3625,3626,3628,3631,3633,3635,3637,3640],{"class":2088,"line":2110},[2086,3627,3608],{"class":2915},[2086,3629,3630],{"class":2144}," hasError ",[2086,3632,3091],{"class":2092},[2086,3634,3616],{"class":2188},[2086,3636,2145],{"class":2144},[2086,3638,3639],{"class":3515},"false",[2086,3641,2155],{"class":2144},[2086,3643,3644,3646,3649,3651,3654,3656],{"class":2088,"line":2127},[2086,3645,3608],{"class":2915},[2086,3647,3648],{"class":2144}," classObject ",[2086,3650,3091],{"class":2092},[2086,3652,3653],{"class":2188}," reactive",[2086,3655,2145],{"class":2144},[2086,3657,2256],{"class":2092},[2086,3659,3660,3663,3666,3668,3670,3672],{"class":2088,"line":2133},[2086,3661,3662],{"class":2092},"  '",[2086,3664,3665],{"class":2096},"active",[2086,3667,2148],{"class":2092},[2086,3669,2264],{"class":2092},[2086,3671,3516],{"class":3515},[2086,3673,2280],{"class":2092},[2086,3675,3676,3678,3681,3683,3685,3688],{"class":2088,"line":2139},[2086,3677,3662],{"class":2092},[2086,3679,3680],{"class":2096},"text-danger",[2086,3682,2148],{"class":2092},[2086,3684,2264],{"class":2092},[2086,3686,3687],{"class":3515}," false",[2086,3689,2280],{"class":2092},[2086,3691,3692,3694],{"class":2088,"line":2158},[2086,3693,2285],{"class":2092},[2086,3695,2155],{"class":2144},[2086,3697,3698,3700,3702],{"class":2088,"line":2168},[2086,3699,2161],{"class":2092},[2086,3701,2097],{"class":2096},[2086,3703,2100],{"class":2092},[2086,3705,3706],{"class":2088,"line":2173},[2086,3707,2130],{"emptyLinePlaceholder":1196},[2086,3709,3710,3712,3715],{"class":2088,"line":2183},[2086,3711,2093],{"class":2092},[2086,3713,3714],{"class":2096},"template",[2086,3716,2100],{"class":2092},[2086,3718,3719,3722],{"class":2088,"line":2205},[2086,3720,3721],{"class":2092},"  \u003C",[2086,3723,3724],{"class":2096},"div\n",[2086,3726,3728,3731,3733,3735,3738],{"class":2088,"line":3727},12,[2086,3729,3730],{"class":2915},"    class",[2086,3732,3091],{"class":2092},[2086,3734,2194],{"class":2092},[2086,3736,3737],{"class":2120},"static",[2086,3739,3740],{"class":2092},"\"\n",[2086,3742,3744,3747,3749,3751,3754],{"class":2088,"line":3743},13,[2086,3745,3746],{"class":2915},"    :class",[2086,3748,3091],{"class":2092},[2086,3750,2194],{"class":2092},[2086,3752,3753],{"class":2120},"{ 'active': isActive, 'text-danger': hasError }",[2086,3755,3740],{"class":2092},[2086,3757,3759],{"class":2088,"line":3758},14,[2086,3760,3761],{"class":2092},"  />\n",[2086,3763,3765,3767,3770,3773,3775,3777,3780,3782],{"class":2088,"line":3764},15,[2086,3766,3721],{"class":2092},[2086,3768,3769],{"class":2096},"div",[2086,3771,3772],{"class":2915}," :class",[2086,3774,3091],{"class":2092},[2086,3776,2194],{"class":2092},[2086,3778,3779],{"class":2120},"classObject",[2086,3781,2194],{"class":2092},[2086,3783,3784],{"class":2092}," />\n",[2086,3786,3788,3790,3792],{"class":2088,"line":3787},16,[2086,3789,2161],{"class":2092},[2086,3791,3714],{"class":2096},[2086,3793,2100],{"class":2092},[2076,3795,3798],{"className":2078,"code":3796,"filename":3797,"language":2081,"meta":2082,"style":2082},"\u003Cscript setup lang=\"ts\">\nconst isActive = ref(true)\nconst error = ref(null)\n\nconst classObject = computed(() => ({\n  'active': isActive.value && !error.value,\n  'text-danger': error.value && error.value.type === 'fatal',\n}))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv :class=\"classObject\" />\n\u003C/template>\n","Computed",[2053,3799,3800,3820,3836,3854,3858,3880,3914,3956,3963,3971,3975,3983,4001],{"__ignoreMap":2082},[2086,3801,3802,3804,3806,3808,3810,3812,3814,3816,3818],{"class":2088,"line":2089},[2086,3803,2093],{"class":2092},[2086,3805,2097],{"class":2096},[2086,3807,3591],{"class":2915},[2086,3809,3088],{"class":2915},[2086,3811,3091],{"class":2092},[2086,3813,2194],{"class":2092},[2086,3815,2238],{"class":2120},[2086,3817,2194],{"class":2092},[2086,3819,2100],{"class":2092},[2086,3821,3822,3824,3826,3828,3830,3832,3834],{"class":2088,"line":2103},[2086,3823,3608],{"class":2915},[2086,3825,3611],{"class":2144},[2086,3827,3091],{"class":2092},[2086,3829,3616],{"class":2188},[2086,3831,2145],{"class":2144},[2086,3833,3621],{"class":3515},[2086,3835,2155],{"class":2144},[2086,3837,3838,3840,3843,3845,3847,3849,3852],{"class":2088,"line":2110},[2086,3839,3608],{"class":2915},[2086,3841,3842],{"class":2144}," error ",[2086,3844,3091],{"class":2092},[2086,3846,3616],{"class":2188},[2086,3848,2145],{"class":2144},[2086,3850,3851],{"class":2092},"null",[2086,3853,2155],{"class":2144},[2086,3855,3856],{"class":2088,"line":2127},[2086,3857,2130],{"emptyLinePlaceholder":1196},[2086,3859,3860,3862,3864,3866,3869,3871,3874,3876,3878],{"class":2088,"line":2133},[2086,3861,3608],{"class":2915},[2086,3863,3648],{"class":2144},[2086,3865,3091],{"class":2092},[2086,3867,3868],{"class":2188}," computed",[2086,3870,2145],{"class":2144},[2086,3872,3873],{"class":2092},"()",[2086,3875,2916],{"class":2915},[2086,3877,2947],{"class":2144},[2086,3879,2256],{"class":2092},[2086,3881,3882,3884,3886,3888,3890,3893,3895,3898,3901,3904,3907,3909,3912],{"class":2088,"line":2139},[2086,3883,3662],{"class":2092},[2086,3885,3665],{"class":2096},[2086,3887,2148],{"class":2092},[2086,3889,2264],{"class":2092},[2086,3891,3892],{"class":2144}," isActive",[2086,3894,2057],{"class":2092},[2086,3896,3897],{"class":2144},"value ",[2086,3899,3900],{"class":2092},"&&",[2086,3902,3903],{"class":2092}," !",[2086,3905,3906],{"class":2144},"error",[2086,3908,2057],{"class":2092},[2086,3910,3911],{"class":2144},"value",[2086,3913,2280],{"class":2092},[2086,3915,3916,3918,3920,3922,3924,3927,3929,3931,3933,3935,3937,3939,3941,3944,3947,3949,3952,3954],{"class":2088,"line":2158},[2086,3917,3662],{"class":2092},[2086,3919,3680],{"class":2096},[2086,3921,2148],{"class":2092},[2086,3923,2264],{"class":2092},[2086,3925,3926],{"class":2144}," error",[2086,3928,2057],{"class":2092},[2086,3930,3897],{"class":2144},[2086,3932,3900],{"class":2092},[2086,3934,3926],{"class":2144},[2086,3936,2057],{"class":2092},[2086,3938,3911],{"class":2144},[2086,3940,2057],{"class":2092},[2086,3942,3943],{"class":2144},"type ",[2086,3945,3946],{"class":2092},"===",[2086,3948,2117],{"class":2092},[2086,3950,3951],{"class":2120},"fatal",[2086,3953,2148],{"class":2092},[2086,3955,2280],{"class":2092},[2086,3957,3958,3960],{"class":2088,"line":2168},[2086,3959,2285],{"class":2092},[2086,3961,3962],{"class":2144},"))\n",[2086,3964,3965,3967,3969],{"class":2088,"line":2173},[2086,3966,2161],{"class":2092},[2086,3968,2097],{"class":2096},[2086,3970,2100],{"class":2092},[2086,3972,3973],{"class":2088,"line":2183},[2086,3974,2130],{"emptyLinePlaceholder":1196},[2086,3976,3977,3979,3981],{"class":2088,"line":2205},[2086,3978,2093],{"class":2092},[2086,3980,3714],{"class":2096},[2086,3982,2100],{"class":2092},[2086,3984,3985,3987,3989,3991,3993,3995,3997,3999],{"class":2088,"line":3727},[2086,3986,3721],{"class":2092},[2086,3988,3769],{"class":2096},[2086,3990,3772],{"class":2915},[2086,3992,3091],{"class":2092},[2086,3994,2194],{"class":2092},[2086,3996,3779],{"class":2120},[2086,3998,2194],{"class":2092},[2086,4000,3784],{"class":2092},[2086,4002,4003,4005,4007],{"class":2088,"line":3743},[2086,4004,2161],{"class":2092},[2086,4006,3714],{"class":2096},[2086,4008,2100],{"class":2092},[2076,4010,4013],{"className":2078,"code":4011,"filename":4012,"language":2081,"meta":2082,"style":2082},"\u003Cscript setup lang=\"ts\">\nconst isActive = ref(true)\nconst errorClass = ref('text-danger')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv :class=\"[{ active: isActive }, errorClass]\" />\n\u003C/template>\n","Array",[2053,4014,4015,4035,4051,4072,4080,4084,4092,4111],{"__ignoreMap":2082},[2086,4016,4017,4019,4021,4023,4025,4027,4029,4031,4033],{"class":2088,"line":2089},[2086,4018,2093],{"class":2092},[2086,4020,2097],{"class":2096},[2086,4022,3591],{"class":2915},[2086,4024,3088],{"class":2915},[2086,4026,3091],{"class":2092},[2086,4028,2194],{"class":2092},[2086,4030,2238],{"class":2120},[2086,4032,2194],{"class":2092},[2086,4034,2100],{"class":2092},[2086,4036,4037,4039,4041,4043,4045,4047,4049],{"class":2088,"line":2103},[2086,4038,3608],{"class":2915},[2086,4040,3611],{"class":2144},[2086,4042,3091],{"class":2092},[2086,4044,3616],{"class":2188},[2086,4046,2145],{"class":2144},[2086,4048,3621],{"class":3515},[2086,4050,2155],{"class":2144},[2086,4052,4053,4055,4058,4060,4062,4064,4066,4068,4070],{"class":2088,"line":2110},[2086,4054,3608],{"class":2915},[2086,4056,4057],{"class":2144}," errorClass ",[2086,4059,3091],{"class":2092},[2086,4061,3616],{"class":2188},[2086,4063,2145],{"class":2144},[2086,4065,2148],{"class":2092},[2086,4067,3680],{"class":2120},[2086,4069,2148],{"class":2092},[2086,4071,2155],{"class":2144},[2086,4073,4074,4076,4078],{"class":2088,"line":2127},[2086,4075,2161],{"class":2092},[2086,4077,2097],{"class":2096},[2086,4079,2100],{"class":2092},[2086,4081,4082],{"class":2088,"line":2133},[2086,4083,2130],{"emptyLinePlaceholder":1196},[2086,4085,4086,4088,4090],{"class":2088,"line":2139},[2086,4087,2093],{"class":2092},[2086,4089,3714],{"class":2096},[2086,4091,2100],{"class":2092},[2086,4093,4094,4096,4098,4100,4102,4104,4107,4109],{"class":2088,"line":2158},[2086,4095,3721],{"class":2092},[2086,4097,3769],{"class":2096},[2086,4099,3772],{"class":2915},[2086,4101,3091],{"class":2092},[2086,4103,2194],{"class":2092},[2086,4105,4106],{"class":2120},"[{ active: isActive }, errorClass]",[2086,4108,2194],{"class":2092},[2086,4110,3784],{"class":2092},[2086,4112,4113,4115,4117],{"class":2088,"line":2168},[2086,4114,2161],{"class":2092},[2086,4116,3714],{"class":2096},[2086,4118,2100],{"class":2092},[2076,4120,4123],{"className":2078,"code":4121,"filename":4122,"language":2081,"meta":2082,"style":2082},"\u003Cscript setup lang=\"ts\">\nconst activeColor = ref('red')\nconst fontSize = ref(30)\nconst styleObject = reactive({ color: 'red', fontSize: '13px' })\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv :style=\"{ color: activeColor, fontSize: fontSize + 'px' }\" />\n  \u003Cdiv :style=\"[baseStyles, overridingStyles]\" />\n  \u003Cdiv :style=\"styleObject\" />\n\u003C/template>\n","Style",[2053,4124,4125,4145,4167,4186,4230,4238,4242,4250,4270,4289,4308],{"__ignoreMap":2082},[2086,4126,4127,4129,4131,4133,4135,4137,4139,4141,4143],{"class":2088,"line":2089},[2086,4128,2093],{"class":2092},[2086,4130,2097],{"class":2096},[2086,4132,3591],{"class":2915},[2086,4134,3088],{"class":2915},[2086,4136,3091],{"class":2092},[2086,4138,2194],{"class":2092},[2086,4140,2238],{"class":2120},[2086,4142,2194],{"class":2092},[2086,4144,2100],{"class":2092},[2086,4146,4147,4149,4152,4154,4156,4158,4160,4163,4165],{"class":2088,"line":2103},[2086,4148,3608],{"class":2915},[2086,4150,4151],{"class":2144}," activeColor ",[2086,4153,3091],{"class":2092},[2086,4155,3616],{"class":2188},[2086,4157,2145],{"class":2144},[2086,4159,2148],{"class":2092},[2086,4161,4162],{"class":2120},"red",[2086,4164,2148],{"class":2092},[2086,4166,2155],{"class":2144},[2086,4168,4169,4171,4174,4176,4178,4180,4184],{"class":2088,"line":2110},[2086,4170,3608],{"class":2915},[2086,4172,4173],{"class":2144}," fontSize ",[2086,4175,3091],{"class":2092},[2086,4177,3616],{"class":2188},[2086,4179,2145],{"class":2144},[2086,4181,4183],{"class":4182},"sYRBq","30",[2086,4185,2155],{"class":2144},[2086,4187,4188,4190,4193,4195,4197,4199,4201,4204,4206,4208,4210,4212,4214,4217,4219,4221,4224,4226,4228],{"class":2088,"line":2127},[2086,4189,3608],{"class":2915},[2086,4191,4192],{"class":2144}," styleObject ",[2086,4194,3091],{"class":2092},[2086,4196,3653],{"class":2188},[2086,4198,2145],{"class":2144},[2086,4200,2744],{"class":2092},[2086,4202,4203],{"class":2096}," color",[2086,4205,2264],{"class":2092},[2086,4207,2117],{"class":2092},[2086,4209,4162],{"class":2120},[2086,4211,2148],{"class":2092},[2086,4213,2457],{"class":2092},[2086,4215,4216],{"class":2096}," fontSize",[2086,4218,2264],{"class":2092},[2086,4220,2117],{"class":2092},[2086,4222,4223],{"class":2120},"13px",[2086,4225,2148],{"class":2092},[2086,4227,2773],{"class":2092},[2086,4229,2155],{"class":2144},[2086,4231,4232,4234,4236],{"class":2088,"line":2133},[2086,4233,2161],{"class":2092},[2086,4235,2097],{"class":2096},[2086,4237,2100],{"class":2092},[2086,4239,4240],{"class":2088,"line":2139},[2086,4241,2130],{"emptyLinePlaceholder":1196},[2086,4243,4244,4246,4248],{"class":2088,"line":2158},[2086,4245,2093],{"class":2092},[2086,4247,3714],{"class":2096},[2086,4249,2100],{"class":2092},[2086,4251,4252,4254,4256,4259,4261,4263,4266,4268],{"class":2088,"line":2168},[2086,4253,3721],{"class":2092},[2086,4255,3769],{"class":2096},[2086,4257,4258],{"class":2915}," :style",[2086,4260,3091],{"class":2092},[2086,4262,2194],{"class":2092},[2086,4264,4265],{"class":2120},"{ color: activeColor, fontSize: fontSize + 'px' }",[2086,4267,2194],{"class":2092},[2086,4269,3784],{"class":2092},[2086,4271,4272,4274,4276,4278,4280,4282,4285,4287],{"class":2088,"line":2173},[2086,4273,3721],{"class":2092},[2086,4275,3769],{"class":2096},[2086,4277,4258],{"class":2915},[2086,4279,3091],{"class":2092},[2086,4281,2194],{"class":2092},[2086,4283,4284],{"class":2120},"[baseStyles, overridingStyles]",[2086,4286,2194],{"class":2092},[2086,4288,3784],{"class":2092},[2086,4290,4291,4293,4295,4297,4299,4301,4304,4306],{"class":2088,"line":2183},[2086,4292,3721],{"class":2092},[2086,4294,3769],{"class":2096},[2086,4296,4258],{"class":2915},[2086,4298,3091],{"class":2092},[2086,4300,2194],{"class":2092},[2086,4302,4303],{"class":2120},"styleObject",[2086,4305,2194],{"class":2092},[2086,4307,3784],{"class":2092},[2086,4309,4310,4312,4314],{"class":2088,"line":2205},[2086,4311,2161],{"class":2092},[2086,4313,3714],{"class":2096},[2086,4315,2100],{"class":2092},[2038,4317,4318,4319,4323],{},"Refer to the ",[2050,4320,3566],{"href":4321,"rel":4322},"https://vuejs.org/guide/essentials/class-and-style",[2070]," for more information.",[2059,4325,4327,4328],{"id":4326},"dynamic-styles-with-v-bind","Dynamic Styles With ",[2053,4329,4330],{},"v-bind",[2038,4332,4333],{},"You can reference JavaScript variable and expression within your style blocks with the v-bind function.\nThe binding will be dynamic, meaning that if the variable value changes, the style will be updated.",[2076,4335,4337],{"className":2078,"code":4336,"language":2081,"meta":2082,"style":2082},"\u003Cscript setup lang=\"ts\">\nconst color = ref('red')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"text\">\n    hello\n  \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\n.text {\n  color: v-bind(color);\n}\n\u003C/style>\n",[2053,4338,4339,4359,4380,4388,4392,4400,4420,4425,4434,4442,4446,4454,4462,4474,4478],{"__ignoreMap":2082},[2086,4340,4341,4343,4345,4347,4349,4351,4353,4355,4357],{"class":2088,"line":2089},[2086,4342,2093],{"class":2092},[2086,4344,2097],{"class":2096},[2086,4346,3591],{"class":2915},[2086,4348,3088],{"class":2915},[2086,4350,3091],{"class":2092},[2086,4352,2194],{"class":2092},[2086,4354,2238],{"class":2120},[2086,4356,2194],{"class":2092},[2086,4358,2100],{"class":2092},[2086,4360,4361,4363,4366,4368,4370,4372,4374,4376,4378],{"class":2088,"line":2103},[2086,4362,3608],{"class":2915},[2086,4364,4365],{"class":2144}," color ",[2086,4367,3091],{"class":2092},[2086,4369,3616],{"class":2188},[2086,4371,2145],{"class":2144},[2086,4373,2148],{"class":2092},[2086,4375,4162],{"class":2120},[2086,4377,2148],{"class":2092},[2086,4379,2155],{"class":2144},[2086,4381,4382,4384,4386],{"class":2088,"line":2110},[2086,4383,2161],{"class":2092},[2086,4385,2097],{"class":2096},[2086,4387,2100],{"class":2092},[2086,4389,4390],{"class":2088,"line":2127},[2086,4391,2130],{"emptyLinePlaceholder":1196},[2086,4393,4394,4396,4398],{"class":2088,"line":2133},[2086,4395,2093],{"class":2092},[2086,4397,3714],{"class":2096},[2086,4399,2100],{"class":2092},[2086,4401,4402,4404,4406,4409,4411,4413,4416,4418],{"class":2088,"line":2139},[2086,4403,3721],{"class":2092},[2086,4405,3769],{"class":2096},[2086,4407,4408],{"class":2915}," class",[2086,4410,3091],{"class":2092},[2086,4412,2194],{"class":2092},[2086,4414,4415],{"class":2120},"text",[2086,4417,2194],{"class":2092},[2086,4419,2100],{"class":2092},[2086,4421,4422],{"class":2088,"line":2158},[2086,4423,4424],{"class":2144},"    hello\n",[2086,4426,4427,4430,4432],{"class":2088,"line":2168},[2086,4428,4429],{"class":2092},"  \u003C/",[2086,4431,3769],{"class":2096},[2086,4433,2100],{"class":2092},[2086,4435,4436,4438,4440],{"class":2088,"line":2173},[2086,4437,2161],{"class":2092},[2086,4439,3714],{"class":2096},[2086,4441,2100],{"class":2092},[2086,4443,4444],{"class":2088,"line":2183},[2086,4445,2130],{"emptyLinePlaceholder":1196},[2086,4447,4448,4450,4452],{"class":2088,"line":2205},[2086,4449,2093],{"class":2092},[2086,4451,2178],{"class":2096},[2086,4453,2100],{"class":2092},[2086,4455,4456,4458,4460],{"class":2088,"line":3727},[2086,4457,2057],{"class":2092},[2086,4459,4415],{"class":2439},[2086,4461,2325],{"class":2092},[2086,4463,4464,4467,4469,4472],{"class":2088,"line":3743},[2086,4465,4466],{"class":2330},"  color",[2086,4468,2264],{"class":2092},[2086,4470,4471],{"class":2144}," v-bind(color)",[2086,4473,2343],{"class":2092},[2086,4475,4476],{"class":2088,"line":3758},[2086,4477,2418],{"class":2092},[2086,4479,4480,4482,4484],{"class":2088,"line":3764},[2086,4481,2161],{"class":2092},[2086,4483,2178],{"class":2096},[2086,4485,2100],{"class":2092},[2059,4487,4489],{"id":4488},"scoped-styles","Scoped Styles",[2038,4491,4492],{},"The scoped attribute allows you to style components in isolation. The styles declared with this attribute will only apply to this component.",[2076,4494,4496],{"className":2078,"code":4495,"language":2081,"meta":2082,"style":2082},"\u003Ctemplate>\n  \u003Cdiv class=\"example\">\n    hi\n  \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\n.example {\n  color: red;\n}\n\u003C/style>\n",[2053,4497,4498,4506,4525,4530,4538,4546,4550,4561,4569,4580,4584],{"__ignoreMap":2082},[2086,4499,4500,4502,4504],{"class":2088,"line":2089},[2086,4501,2093],{"class":2092},[2086,4503,3714],{"class":2096},[2086,4505,2100],{"class":2092},[2086,4507,4508,4510,4512,4514,4516,4518,4521,4523],{"class":2088,"line":2103},[2086,4509,3721],{"class":2092},[2086,4511,3769],{"class":2096},[2086,4513,4408],{"class":2915},[2086,4515,3091],{"class":2092},[2086,4517,2194],{"class":2092},[2086,4519,4520],{"class":2120},"example",[2086,4522,2194],{"class":2092},[2086,4524,2100],{"class":2092},[2086,4526,4527],{"class":2088,"line":2110},[2086,4528,4529],{"class":2144},"    hi\n",[2086,4531,4532,4534,4536],{"class":2088,"line":2127},[2086,4533,4429],{"class":2092},[2086,4535,3769],{"class":2096},[2086,4537,2100],{"class":2092},[2086,4539,4540,4542,4544],{"class":2088,"line":2133},[2086,4541,2161],{"class":2092},[2086,4543,3714],{"class":2096},[2086,4545,2100],{"class":2092},[2086,4547,4548],{"class":2088,"line":2139},[2086,4549,2130],{"emptyLinePlaceholder":1196},[2086,4551,4552,4554,4556,4559],{"class":2088,"line":2158},[2086,4553,2093],{"class":2092},[2086,4555,2178],{"class":2096},[2086,4557,4558],{"class":2915}," scoped",[2086,4560,2100],{"class":2092},[2086,4562,4563,4565,4567],{"class":2088,"line":2168},[2086,4564,2057],{"class":2092},[2086,4566,4520],{"class":2439},[2086,4568,2325],{"class":2092},[2086,4570,4571,4573,4575,4578],{"class":2088,"line":2173},[2086,4572,4466],{"class":2330},[2086,4574,2264],{"class":2092},[2086,4576,4577],{"class":2144}," red",[2086,4579,2343],{"class":2092},[2086,4581,4582],{"class":2088,"line":2183},[2086,4583,2418],{"class":2092},[2086,4585,4586,4588,4590],{"class":2088,"line":2205},[2086,4587,2161],{"class":2092},[2086,4589,2178],{"class":2096},[2086,4591,2100],{"class":2092},[2059,4593,4595],{"id":4594},"css-modules","CSS Modules",[2038,4597,4598,4599,4603,4604,4607],{},"You can use ",[2050,4600,4595],{"href":4601,"rel":4602},"https://github.com/css-modules/css-modules",[2070]," with the module attribute. Access it with the injected ",[2053,4605,4606],{},"$style"," variable.",[2076,4609,4611],{"className":2078,"code":4610,"language":2081,"meta":2082,"style":2082},"\u003Ctemplate>\n  \u003Cp :class=\"$style.red\">\n    This should be red\n  \u003C/p>\n\u003C/template>\n\n\u003Cstyle module>\n.red {\n  color: red;\n}\n\u003C/style>\n",[2053,4612,4613,4621,4640,4645,4653,4661,4665,4676,4684,4694,4698],{"__ignoreMap":2082},[2086,4614,4615,4617,4619],{"class":2088,"line":2089},[2086,4616,2093],{"class":2092},[2086,4618,3714],{"class":2096},[2086,4620,2100],{"class":2092},[2086,4622,4623,4625,4627,4629,4631,4633,4636,4638],{"class":2088,"line":2103},[2086,4624,3721],{"class":2092},[2086,4626,2038],{"class":2096},[2086,4628,3772],{"class":2915},[2086,4630,3091],{"class":2092},[2086,4632,2194],{"class":2092},[2086,4634,4635],{"class":2120},"$style.red",[2086,4637,2194],{"class":2092},[2086,4639,2100],{"class":2092},[2086,4641,4642],{"class":2088,"line":2110},[2086,4643,4644],{"class":2144},"    This should be red\n",[2086,4646,4647,4649,4651],{"class":2088,"line":2127},[2086,4648,4429],{"class":2092},[2086,4650,2038],{"class":2096},[2086,4652,2100],{"class":2092},[2086,4654,4655,4657,4659],{"class":2088,"line":2133},[2086,4656,2161],{"class":2092},[2086,4658,3714],{"class":2096},[2086,4660,2100],{"class":2092},[2086,4662,4663],{"class":2088,"line":2139},[2086,4664,2130],{"emptyLinePlaceholder":1196},[2086,4666,4667,4669,4671,4674],{"class":2088,"line":2158},[2086,4668,2093],{"class":2092},[2086,4670,2178],{"class":2096},[2086,4672,4673],{"class":2915}," module",[2086,4675,2100],{"class":2092},[2086,4677,4678,4680,4682],{"class":2088,"line":2168},[2086,4679,2057],{"class":2092},[2086,4681,4162],{"class":2439},[2086,4683,2325],{"class":2092},[2086,4685,4686,4688,4690,4692],{"class":2088,"line":2173},[2086,4687,4466],{"class":2330},[2086,4689,2264],{"class":2092},[2086,4691,4577],{"class":2144},[2086,4693,2343],{"class":2092},[2086,4695,4696],{"class":2088,"line":2183},[2086,4697,2418],{"class":2092},[2086,4699,4700,4702,4704],{"class":2088,"line":2205},[2086,4701,2161],{"class":2092},[2086,4703,2178],{"class":2096},[2086,4705,2100],{"class":2092},[2059,4707,4709],{"id":4708},"preprocessors-support","Preprocessors Support",[2038,4711,4712],{},"SFC style blocks support preprocessor syntax. Vite comes with built-in support for .scss, .sass, .less, .styl and .stylus files without configuration. You just need to install them first, and they will be available directly in SFC with the lang attribute.",[2487,4714,4715,4751,4788,4826],{},[2076,4716,4718],{"className":2078,"code":4717,"filename":3265,"language":2081,"meta":2082,"style":2082},"\u003Cstyle lang=\"scss\">\n  /* Write scss here */\n\u003C/style>\n",[2053,4719,4720,4738,4743],{"__ignoreMap":2082},[2086,4721,4722,4724,4726,4728,4730,4732,4734,4736],{"class":2088,"line":2089},[2086,4723,2093],{"class":2092},[2086,4725,2178],{"class":2096},[2086,4727,3088],{"class":2915},[2086,4729,3091],{"class":2092},[2086,4731,2194],{"class":2092},[2086,4733,3096],{"class":2120},[2086,4735,2194],{"class":2092},[2086,4737,2100],{"class":2092},[2086,4739,4740],{"class":2088,"line":2103},[2086,4741,4742],{"class":2106},"  /* Write scss here */\n",[2086,4744,4745,4747,4749],{"class":2088,"line":2110},[2086,4746,2161],{"class":2092},[2086,4748,2178],{"class":2096},[2086,4750,2100],{"class":2092},[2076,4752,4755],{"className":2078,"code":4753,"filename":4754,"language":2081,"meta":2082,"style":2082},"\u003Cstyle lang=\"sass\">\n  /* Write sass here */\n\u003C/style>\n","Sass",[2053,4756,4757,4775,4780],{"__ignoreMap":2082},[2086,4758,4759,4761,4763,4765,4767,4769,4771,4773],{"class":2088,"line":2089},[2086,4760,2093],{"class":2092},[2086,4762,2178],{"class":2096},[2086,4764,3088],{"class":2915},[2086,4766,3091],{"class":2092},[2086,4768,2194],{"class":2092},[2086,4770,3240],{"class":2120},[2086,4772,2194],{"class":2092},[2086,4774,2100],{"class":2092},[2086,4776,4777],{"class":2088,"line":2103},[2086,4778,4779],{"class":2144},"  /* Write sass here */\n",[2086,4781,4782,4784,4786],{"class":2088,"line":2110},[2086,4783,2161],{"class":2092},[2086,4785,2178],{"class":2096},[2086,4787,2100],{"class":2092},[2076,4789,4792],{"className":2078,"code":4790,"filename":4791,"language":2081,"meta":2082,"style":2082},"\u003Cstyle lang=\"less\">\n  /* Write less here */\n\u003C/style>\n","LESS",[2053,4793,4794,4813,4818],{"__ignoreMap":2082},[2086,4795,4796,4798,4800,4802,4804,4806,4809,4811],{"class":2088,"line":2089},[2086,4797,2093],{"class":2092},[2086,4799,2178],{"class":2096},[2086,4801,3088],{"class":2915},[2086,4803,3091],{"class":2092},[2086,4805,2194],{"class":2092},[2086,4807,4808],{"class":2120},"less",[2086,4810,2194],{"class":2092},[2086,4812,2100],{"class":2092},[2086,4814,4815],{"class":2088,"line":2103},[2086,4816,4817],{"class":2144},"  /* Write less here */\n",[2086,4819,4820,4822,4824],{"class":2088,"line":2110},[2086,4821,2161],{"class":2092},[2086,4823,2178],{"class":2096},[2086,4825,2100],{"class":2092},[2076,4827,4829],{"className":2078,"code":4828,"filename":3051,"language":2081,"meta":2082,"style":2082},"\u003Cstyle lang=\"stylus\">\n  /* Write stylus here */\n\u003C/style>\n",[2053,4830,4831,4850,4855],{"__ignoreMap":2082},[2086,4832,4833,4835,4837,4839,4841,4843,4846,4848],{"class":2088,"line":2089},[2086,4834,2093],{"class":2092},[2086,4836,2178],{"class":2096},[2086,4838,3088],{"class":2915},[2086,4840,3091],{"class":2092},[2086,4842,2194],{"class":2092},[2086,4844,4845],{"class":2120},"stylus",[2086,4847,2194],{"class":2092},[2086,4849,2100],{"class":2092},[2086,4851,4852],{"class":2088,"line":2103},[2086,4853,4854],{"class":2144},"  /* Write stylus here */\n",[2086,4856,4857,4859,4861],{"class":2088,"line":2110},[2086,4858,2161],{"class":2092},[2086,4860,2178],{"class":2096},[2086,4862,2100],{"class":2092},[2038,4864,3561,4865,4870,4871,4876,4877,2057],{},[2050,4866,4869],{"href":4867,"rel":4868},"https://vite.dev/guide/features#css",[2070],"Vite CSS docs"," and the ",[2050,4872,4875],{"href":4873,"rel":4874},"https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue",[2070],"@vitejs/plugin-vue docs",".\nFor webpack users, refer to the ",[2050,4878,4881],{"href":4879,"rel":4880},"https://vue-loader.vuejs.org",[2070],"vue loader docs",[2042,4883,4885],{"id":4884},"using-postcss","Using PostCSS",[2038,4887,4888,4889,4891],{},"Nuxt comes with postcss built-in. You can configure it in your ",[2053,4890,3258],{}," file.",[2076,4893,4895],{"className":2236,"code":4894,"filename":233,"language":2238,"meta":2082,"style":2082},"export default defineNuxtConfig({\n  postcss: {\n    plugins: {\n      'postcss-nested': {},\n      'postcss-custom-media': {},\n    },\n  },\n})\n",[2053,4896,4897,4909,4918,4927,4942,4955,4959,4963],{"__ignoreMap":2082},[2086,4898,4899,4901,4903,4905,4907],{"class":2088,"line":2089},[2086,4900,2245],{"class":2113},[2086,4902,2248],{"class":2113},[2086,4904,2251],{"class":2188},[2086,4906,2145],{"class":2144},[2086,4908,2256],{"class":2092},[2086,4910,4911,4914,4916],{"class":2088,"line":2103},[2086,4912,4913],{"class":2096},"  postcss",[2086,4915,2264],{"class":2092},[2086,4917,2325],{"class":2092},[2086,4919,4920,4923,4925],{"class":2088,"line":2110},[2086,4921,4922],{"class":2096},"    plugins",[2086,4924,2264],{"class":2092},[2086,4926,2325],{"class":2092},[2086,4928,4929,4932,4935,4937,4939],{"class":2088,"line":2127},[2086,4930,4931],{"class":2092},"      '",[2086,4933,4934],{"class":2096},"postcss-nested",[2086,4936,2148],{"class":2092},[2086,4938,2264],{"class":2092},[2086,4940,4941],{"class":2092}," {},\n",[2086,4943,4944,4946,4949,4951,4953],{"class":2088,"line":2133},[2086,4945,4931],{"class":2092},[2086,4947,4948],{"class":2096},"postcss-custom-media",[2086,4950,2148],{"class":2092},[2086,4952,2264],{"class":2092},[2086,4954,4941],{"class":2092},[2086,4956,4957],{"class":2088,"line":2139},[2086,4958,2782],{"class":2092},[2086,4960,4961],{"class":2088,"line":2158},[2086,4962,2787],{"class":2092},[2086,4964,4965,4967],{"class":2088,"line":2168},[2086,4966,2285],{"class":2092},[2086,4968,2155],{"class":2144},[2038,4970,4971],{},"For proper syntax highlighting in SFC, you can use the postcss lang attribute.",[2076,4973,4975],{"className":2078,"code":4974,"language":2081,"meta":2082,"style":2082},"\u003Cstyle lang=\"postcss\">\n  /* Write postcss here */\n\u003C/style>\n",[2053,4976,4977,4996,5001],{"__ignoreMap":2082},[2086,4978,4979,4981,4983,4985,4987,4989,4992,4994],{"class":2088,"line":2089},[2086,4980,2093],{"class":2092},[2086,4982,2178],{"class":2096},[2086,4984,3088],{"class":2915},[2086,4986,3091],{"class":2092},[2086,4988,2194],{"class":2092},[2086,4990,4991],{"class":2120},"postcss",[2086,4993,2194],{"class":2092},[2086,4995,2100],{"class":2092},[2086,4997,4998],{"class":2088,"line":2103},[2086,4999,5000],{"class":2144},"  /* Write postcss here */\n",[2086,5002,5003,5005,5007],{"class":2088,"line":2110},[2086,5004,2161],{"class":2092},[2086,5006,2178],{"class":2096},[2086,5008,2100],{"class":2092},[2038,5010,5011],{},"By default, Nuxt comes with the following plugins already pre-configured:",[5013,5014,5015,5027,5038,5046],"ul",{},[5016,5017,5018,5023,5024,5026],"li",{},[2050,5019,5022],{"href":5020,"rel":5021},"https://github.com/postcss/postcss-import",[2070],"postcss-import",": Improves the ",[2053,5025,2073],{}," rule",[5016,5028,5029,5034,5035,5037],{},[2050,5030,5033],{"href":5031,"rel":5032},"https://github.com/postcss/postcss-url",[2070],"postcss-url",": Transforms ",[2053,5036,2310],{}," statements",[5016,5039,5040,5045],{},[2050,5041,5044],{"href":5042,"rel":5043},"https://github.com/postcss/autoprefixer",[2070],"autoprefixer",": Automatically adds vendor prefixes",[5016,5047,5048,5053],{},[2050,5049,5052],{"href":5050,"rel":5051},"https://cssnano.github.io/cssnano/",[2070],"cssnano",": Minification and purge",[2042,5055,5057],{"id":5056},"leveraging-layouts-for-multiple-styles","Leveraging Layouts For Multiple Styles",[2038,5059,5060],{},"If you need to style different parts of your application completely differently, you can use layouts.\nUse different styles for different layouts.",[2076,5062,5064],{"className":2078,"code":5063,"language":2081,"meta":2082,"style":2082},"\u003Ctemplate>\n  \u003Cdiv class=\"default-layout\">\n    \u003Ch1>Default Layout\u003C/h1>\n    \u003Cslot />\n  \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\n.default-layout {\n  color: red;\n}\n\u003C/style>\n",[2053,5065,5066,5074,5093,5112,5121,5129,5137,5141,5149,5157,5167,5171],{"__ignoreMap":2082},[2086,5067,5068,5070,5072],{"class":2088,"line":2089},[2086,5069,2093],{"class":2092},[2086,5071,3714],{"class":2096},[2086,5073,2100],{"class":2092},[2086,5075,5076,5078,5080,5082,5084,5086,5089,5091],{"class":2088,"line":2103},[2086,5077,3721],{"class":2092},[2086,5079,3769],{"class":2096},[2086,5081,4408],{"class":2915},[2086,5083,3091],{"class":2092},[2086,5085,2194],{"class":2092},[2086,5087,5088],{"class":2120},"default-layout",[2086,5090,2194],{"class":2092},[2086,5092,2100],{"class":2092},[2086,5094,5095,5098,5100,5103,5106,5108,5110],{"class":2088,"line":2110},[2086,5096,5097],{"class":2092},"    \u003C",[2086,5099,2440],{"class":2096},[2086,5101,5102],{"class":2092},">",[2086,5104,5105],{"class":2144},"Default Layout",[2086,5107,2161],{"class":2092},[2086,5109,2440],{"class":2096},[2086,5111,2100],{"class":2092},[2086,5113,5114,5116,5119],{"class":2088,"line":2127},[2086,5115,5097],{"class":2092},[2086,5117,5118],{"class":2096},"slot",[2086,5120,3784],{"class":2092},[2086,5122,5123,5125,5127],{"class":2088,"line":2133},[2086,5124,4429],{"class":2092},[2086,5126,3769],{"class":2096},[2086,5128,2100],{"class":2092},[2086,5130,5131,5133,5135],{"class":2088,"line":2139},[2086,5132,2161],{"class":2092},[2086,5134,3714],{"class":2096},[2086,5136,2100],{"class":2092},[2086,5138,5139],{"class":2088,"line":2158},[2086,5140,2130],{"emptyLinePlaceholder":1196},[2086,5142,5143,5145,5147],{"class":2088,"line":2168},[2086,5144,2093],{"class":2092},[2086,5146,2178],{"class":2096},[2086,5148,2100],{"class":2092},[2086,5150,5151,5153,5155],{"class":2088,"line":2173},[2086,5152,2057],{"class":2092},[2086,5154,5088],{"class":2439},[2086,5156,2325],{"class":2092},[2086,5158,5159,5161,5163,5165],{"class":2088,"line":2183},[2086,5160,4466],{"class":2330},[2086,5162,2264],{"class":2092},[2086,5164,4577],{"class":2144},[2086,5166,2343],{"class":2092},[2086,5168,5169],{"class":2088,"line":2205},[2086,5170,2418],{"class":2092},[2086,5172,5173,5175,5177],{"class":2088,"line":3727},[2086,5174,2161],{"class":2092},[2086,5176,2178],{"class":2096},[2086,5178,2100],{"class":2092},[2802,5180],{"to":153},[2042,5182,5184],{"id":5183},"third-party-libraries-and-modules","Third Party Libraries And Modules",[2038,5186,5187,5188,5193,5194,2057],{},"Nuxt isn't opinionated when it comes to styling and provides you with a wide variety of options. You can use any styling tool that you want, such as popular libraries like ",[2050,5189,5192],{"href":5190,"rel":5191},"https://unocss.dev",[2070],"UnoCSS"," or ",[2050,5195,5198],{"href":5196,"rel":5197},"https://tailwindcss.com",[2070],"Tailwind CSS",[2038,5200,5201,5202,5206],{},"The community and the Nuxt team have developed plenty of Nuxt modules to make the integration easier.\nYou can discover them on the ",[2050,5203,5205],{"href":5204},"/modules","modules section"," of the website.\nHere are a few modules to help you get started:",[5013,5208,5209,5215,5221,5229,5236,5244],{},[5016,5210,5211,5214],{},[2050,5212,5192],{"href":5213},"/modules/unocss",": Instant on-demand atomic CSS engine",[5016,5216,5217,5220],{},[2050,5218,5198],{"href":5219},"/modules/tailwindcss",": Utility-first CSS framework",[5016,5222,5223,5228],{},[2050,5224,5227],{"href":5225,"rel":5226},"https://github.com/nuxt-modules/fontaine",[2070],"Fontaine",": Font metric fallback",[5016,5230,5231,5235],{},[2050,5232,5234],{"href":3556,"rel":5233},[2070],"Pinceau",": Adaptable styling framework",[5016,5237,5238,5243],{},[2050,5239,5242],{"href":5240,"rel":5241},"https://ui.nuxt.com",[2070],"Nuxt UI",": A UI Library for Modern Web Apps",[5016,5245,5246,5251],{},[2050,5247,5250],{"href":5248,"rel":5249},"https://panda-css.com/docs/installation/nuxt",[2070],"Panda CSS",": CSS-in-JS engine that generates atomic CSS at build time",[2038,5253,5254,5255,5258,5259,5262,5263,5266],{},"Nuxt modules provide you with a good developer experience out of the box, but remember that if your favorite tool doesn't have a module, it doesn't mean that you can't use it with Nuxt! You can configure it yourself for your own project. Depending on the tool, you might need to use a ",[2050,5256,5257],{"href":176},"Nuxt plugin"," and/or ",[2050,5260,5261],{"href":325},"make your own module",". Share them with the ",[2050,5264,5265],{"href":5204},"community"," if you do!",[2059,5268,5270],{"id":5269},"easily-load-webfonts","Easily Load Webfonts",[2038,5272,4598,5273,5278],{},[2050,5274,5277],{"href":5275,"rel":5276},"https://github.com/nuxt-modules/google-fonts",[2070],"the Nuxt Google Fonts module"," to load Google Fonts.",[2038,5280,5281,5282,5286,5287,5292],{},"If you are using ",[2050,5283,5192],{"href":5284,"rel":5285},"https://unocss.dev/integrations/nuxt",[2070],", note that it comes with a ",[2050,5288,5291],{"href":5289,"rel":5290},"https://unocss.dev/presets/web-fonts",[2070],"web fonts presets"," to conveniently load fonts from common providers, including Google Fonts and more.",[2042,5294,890],{"id":5295},"advanced",[2059,5297,59],{"id":5298},"transitions",[2038,5300,5301,5302,5305,5306,2057],{},"Nuxt comes with the same ",[2053,5303,5304],{},"\u003CTransition>"," element that Vue has, and also has support for the experimental ",[2050,5307,5309],{"href":5308},"/docs/3.x/getting-started/transitions#view-transitions-api-experimental","View Transitions API",[2802,5311],{"to":60},[2059,5313,5315],{"id":5314},"font-advanced-optimization","Font Advanced Optimization",[2038,5317,5318,5319,5322,5323,5328],{},"We would recommend using ",[2050,5320,5227],{"href":5225,"rel":5321},[2070]," to reduce your ",[2050,5324,5327],{"href":5325,"rel":5326},"https://web.dev/articles/cls",[2070],"CLS",". If you need something more advanced, consider creating a Nuxt module to extend the build process or the Nuxt runtime.",[2213,5330,5331],{},[2038,5332,5333],{},"Always remember to take advantage of the various tools and techniques available in the Web ecosystem at large to make styling your application easier and more efficient. Whether you're using native CSS, a preprocessor, postcss, a UI library or a module, Nuxt has got you covered. Happy styling!",[2059,5335,5337],{"id":5336},"lcp-advanced-optimizations","LCP Advanced Optimizations",[2038,5339,5340],{},"You can do the following to speed-up the download of your global CSS files:",[5013,5342,5343,5346,5349,5352],{},[5016,5344,5345],{},"Use a CDN so the files are physically closer to your users",[5016,5347,5348],{},"Compress your assets, ideally using Brotli",[5016,5350,5351],{},"Use HTTP2/HTTP3 for delivery",[5016,5353,5354],{},"Host your assets on the same domain (do not use a different subdomain)",[2038,5356,5357,5358,2057],{},"Most of these things should be done for you automatically if you're using modern platforms like Cloudflare, Netlify or Vercel.\nYou can find an LCP optimization guide on ",[2050,5359,3003],{"href":5360,"rel":5361},"https://web.dev/articles/optimize-lcp",[2070],[2038,5363,5364],{},"If all of your CSS is inlined by Nuxt, you can (experimentally) completely stop external CSS files from being referenced in your rendered HTML.\nYou can achieve that with a hook, that you can place in a module, or in your Nuxt configuration file.",[2076,5366,5368],{"className":2236,"code":5367,"filename":233,"language":2238,"meta":2082,"style":2082},"export default defineNuxtConfig({\n  hooks: {\n    'build:manifest': (manifest) => {\n      // find the app entry, css list\n      const css = Object.values(manifest).find(options => options.isEntry)?.css\n      if (css) {\n        // start from the end of the array and go to the beginning\n        for (let i = css.length - 1; i >= 0; i--) {\n          // if it starts with 'entry', remove it from the list\n          if (css[i].startsWith('entry')) {\n            css.splice(i, 1)\n          }\n        }\n      }\n    },\n  },\n})\n",[2053,5369,5370,5382,5391,5414,5419,5472,5486,5491,5541,5546,5582,5602,5607,5612,5617,5621,5625],{"__ignoreMap":2082},[2086,5371,5372,5374,5376,5378,5380],{"class":2088,"line":2089},[2086,5373,2245],{"class":2113},[2086,5375,2248],{"class":2113},[2086,5377,2251],{"class":2188},[2086,5379,2145],{"class":2144},[2086,5381,2256],{"class":2092},[2086,5383,5384,5387,5389],{"class":2088,"line":2103},[2086,5385,5386],{"class":2096},"  hooks",[2086,5388,2264],{"class":2092},[2086,5390,2325],{"class":2092},[2086,5392,5393,5396,5399,5401,5403,5405,5408,5410,5412],{"class":2088,"line":2110},[2086,5394,5395],{"class":2092},"    '",[2086,5397,5398],{"class":2096},"build:manifest",[2086,5400,2148],{"class":2092},[2086,5402,2264],{"class":2092},[2086,5404,2947],{"class":2092},[2086,5406,5407],{"class":2909},"manifest",[2086,5409,2364],{"class":2092},[2086,5411,2916],{"class":2915},[2086,5413,2325],{"class":2092},[2086,5415,5416],{"class":2088,"line":2127},[2086,5417,5418],{"class":2106},"      // find the app entry, css list\n",[2086,5420,5421,5424,5427,5430,5433,5435,5438,5440,5442,5444,5446,5449,5451,5454,5456,5459,5461,5464,5466,5469],{"class":2088,"line":2133},[2086,5422,5423],{"class":2915},"      const",[2086,5425,5426],{"class":2144}," css",[2086,5428,5429],{"class":2092}," =",[2086,5431,5432],{"class":2144}," Object",[2086,5434,2057],{"class":2092},[2086,5436,5437],{"class":2188},"values",[2086,5439,2145],{"class":2096},[2086,5441,5407],{"class":2144},[2086,5443,2364],{"class":2096},[2086,5445,2057],{"class":2092},[2086,5447,5448],{"class":2188},"find",[2086,5450,2145],{"class":2096},[2086,5452,5453],{"class":2909},"options",[2086,5455,2916],{"class":2915},[2086,5457,5458],{"class":2144}," options",[2086,5460,2057],{"class":2092},[2086,5462,5463],{"class":2144},"isEntry",[2086,5465,2364],{"class":2096},[2086,5467,5468],{"class":2092},"?.",[2086,5470,5471],{"class":2144},"css\n",[2086,5473,5474,5477,5479,5481,5484],{"class":2088,"line":2139},[2086,5475,5476],{"class":2113},"      if",[2086,5478,2947],{"class":2096},[2086,5480,2227],{"class":2144},[2086,5482,5483],{"class":2096},") ",[2086,5485,2256],{"class":2092},[2086,5487,5488],{"class":2088,"line":2158},[2086,5489,5490],{"class":2106},"        // start from the end of the array and go to the beginning\n",[2086,5492,5493,5496,5498,5501,5504,5506,5508,5510,5513,5516,5519,5522,5524,5527,5530,5532,5534,5537,5539],{"class":2088,"line":2168},[2086,5494,5495],{"class":2113},"        for",[2086,5497,2947],{"class":2096},[2086,5499,5500],{"class":2915},"let",[2086,5502,5503],{"class":2144}," i",[2086,5505,5429],{"class":2092},[2086,5507,5426],{"class":2144},[2086,5509,2057],{"class":2092},[2086,5511,5512],{"class":2144},"length",[2086,5514,5515],{"class":2092}," -",[2086,5517,5518],{"class":4182}," 1",[2086,5520,5521],{"class":2092},";",[2086,5523,5503],{"class":2144},[2086,5525,5526],{"class":2092}," >=",[2086,5528,5529],{"class":4182}," 0",[2086,5531,5521],{"class":2092},[2086,5533,5503],{"class":2144},[2086,5535,5536],{"class":2092},"--",[2086,5538,5483],{"class":2096},[2086,5540,2256],{"class":2092},[2086,5542,5543],{"class":2088,"line":2173},[2086,5544,5545],{"class":2106},"          // if it starts with 'entry', remove it from the list\n",[2086,5547,5548,5551,5553,5555,5558,5561,5563,5565,5568,5570,5572,5575,5577,5580],{"class":2088,"line":2183},[2086,5549,5550],{"class":2113},"          if",[2086,5552,2947],{"class":2096},[2086,5554,2227],{"class":2144},[2086,5556,5557],{"class":2096},"[",[2086,5559,5560],{"class":2144},"i",[2086,5562,2277],{"class":2096},[2086,5564,2057],{"class":2092},[2086,5566,5567],{"class":2188},"startsWith",[2086,5569,2145],{"class":2096},[2086,5571,2148],{"class":2092},[2086,5573,5574],{"class":2120},"entry",[2086,5576,2148],{"class":2092},[2086,5578,5579],{"class":2096},")) ",[2086,5581,2256],{"class":2092},[2086,5583,5584,5587,5589,5592,5594,5596,5598,5600],{"class":2088,"line":2205},[2086,5585,5586],{"class":2144},"            css",[2086,5588,2057],{"class":2092},[2086,5590,5591],{"class":2188},"splice",[2086,5593,2145],{"class":2096},[2086,5595,5560],{"class":2144},[2086,5597,2457],{"class":2092},[2086,5599,5518],{"class":4182},[2086,5601,2155],{"class":2096},[2086,5603,5604],{"class":2088,"line":3727},[2086,5605,5606],{"class":2092},"          }\n",[2086,5608,5609],{"class":2088,"line":3743},[2086,5610,5611],{"class":2092},"        }\n",[2086,5613,5614],{"class":2088,"line":3758},[2086,5615,5616],{"class":2092},"      }\n",[2086,5618,5619],{"class":2088,"line":3764},[2086,5620,2782],{"class":2092},[2086,5622,5623],{"class":2088,"line":3787},[2086,5624,2787],{"class":2092},[2086,5626,5628,5630],{"class":2088,"line":5627},17,[2086,5629,2285],{"class":2092},[2086,5631,2155],{"class":2144},[2178,5633,5634],{},"html pre.shiki code .sDfIl, html code.shiki .sDfIl{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .sRlkE, html code.shiki .sRlkE{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}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}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 .sGFVr, html code.shiki .sGFVr{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}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 .spFsF, html code.shiki .spFsF{--shiki-light:#8796B0;--shiki-default:#8796B0;--shiki-dark:#B2CCD6}html pre.shiki code .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .s1nJG, html code.shiki .s1nJG{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .smZ93, html code.shiki .smZ93{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .sbKd-, html code.shiki .sbKd-{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}html pre.shiki code .sYRBq, html code.shiki .sYRBq{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}",{"title":2082,"searchDepth":2103,"depth":2103,"links":5636},[5637,5643,5647,5650,5658,5659,5660,5663],{"id":2044,"depth":2103,"text":2045,"children":5638},[5639,5640,5641,5642],{"id":2061,"depth":2110,"text":2062},{"id":2220,"depth":2110,"text":2221},{"id":2295,"depth":2110,"text":2296},{"id":2477,"depth":2110,"text":2478},{"id":2682,"depth":2103,"text":2683,"children":5644},[5645,5646],{"id":2796,"depth":2110,"text":2797},{"id":2876,"depth":2110,"text":2877},{"id":3006,"depth":2103,"text":3007,"children":5648},[5649],{"id":3457,"depth":2110,"text":3458},{"id":3549,"depth":2103,"text":3550,"children":5651},[5652,5653,5655,5656,5657],{"id":3570,"depth":2110,"text":3571},{"id":4326,"depth":2110,"text":5654},"Dynamic Styles With v-bind",{"id":4488,"depth":2110,"text":4489},{"id":4594,"depth":2110,"text":4595},{"id":4708,"depth":2110,"text":4709},{"id":4884,"depth":2103,"text":4885},{"id":5056,"depth":2103,"text":5057},{"id":5183,"depth":2103,"text":5184,"children":5661},[5662],{"id":5269,"depth":2110,"text":5270},{"id":5295,"depth":2103,"text":890,"children":5664},[5665,5666,5667],{"id":5298,"depth":2110,"text":59},{"id":5314,"depth":2110,"text":5315},{"id":5336,"depth":2110,"text":5337},"Learn how to style your Nuxt application.","md",{},{"icon":47},{"title":44,"description":5668},"tytqMT9Zf4ObFB_IYpLfqniivFyZHExhQ71MuMqwHsA",[5675,5677],{"title":39,"path":40,"stem":41,"description":5676,"icon":42,"children":-1},"Nuxt offers two options for your assets.",{"title":49,"path":50,"stem":51,"description":5678,"icon":52,"children":-1},"Nuxt file-system routing creates a route for every file in the pages/ directory.",1772101700850]