[{"data":1,"prerenderedAt":5764},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2020,"-docs-4-x-getting-started-styling":2024,"-docs-4-x-getting-started-styling-surround":5759},[4,1120,1931],{"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,1761,1838,1860,1894],{"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,1456,1547,1638,1690,1748,1758],{"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,1435,1438,1441,1444,1447,1450,1453],{"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":468,"path":1433,"stem":1434,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1436,"stem":1437,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1439,"stem":1440,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1442,"stem":1443,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1445,"stem":1446,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1448,"stem":1449,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1451,"stem":1452,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1454,"stem":1455,"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":1457,"stem":1458,"children":1459,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1460,1463,1466,1469,1472,1475,1478,1481,1484,1487,1490,1493,1496,1499,1502,1505,1508,1511,1514,1517,1520,1523,1526,1529,1532,1535,1538,1541,1544],{"title":507,"path":1461,"stem":1462,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":511,"path":1464,"stem":1465,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1467,"stem":1468,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1470,"stem":1471,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1473,"stem":1474,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1476,"stem":1477,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1479,"stem":1480,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1482,"stem":1483,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1485,"stem":1486,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1488,"stem":1489,"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":1491,"stem":1492,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1494,"stem":1495,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1497,"stem":1498,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1500,"stem":1501,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1503,"stem":1504,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1506,"stem":1507,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1509,"stem":1510,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1512,"stem":1513,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1515,"stem":1516,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1518,"stem":1519,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1521,"stem":1522,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1524,"stem":1525,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1527,"stem":1528,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1530,"stem":1531,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1533,"stem":1534,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1536,"stem":1537,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1539,"stem":1540,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1542,"stem":1543,"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":1545,"stem":1546,"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":1548,"stem":1549,"children":1550,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1551,1554,1557,1560,1563,1566,1569,1572,1575,1578,1581,1584,1587,1590,1593,1596,1599,1602,1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635],{"title":630,"path":1552,"stem":1553,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1555,"stem":1556,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1558,"stem":1559,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1561,"stem":1562,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1564,"stem":1565,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1567,"stem":1568,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1570,"stem":1571,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1573,"stem":1574,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1576,"stem":1577,"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":1579,"stem":1580,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1582,"stem":1583,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1585,"stem":1586,"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":1588,"stem":1589,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1591,"stem":1592,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1594,"stem":1595,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1597,"stem":1598,"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":1600,"stem":1601,"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":1603,"stem":1604,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1606,"stem":1607,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1609,"stem":1610,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1612,"stem":1613,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1615,"stem":1616,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1618,"stem":1619,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1621,"stem":1622,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1624,"stem":1625,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1627,"stem":1628,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1630,"stem":1631,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1633,"stem":1634,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1636,"stem":1637,"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":1639,"stem":1640,"children":1641,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1642,1645,1648,1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687],{"title":753,"path":1643,"stem":1644,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1646,"stem":1647,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1649,"stem":1650,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1652,"stem":1653,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1655,"stem":1656,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1658,"stem":1659,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1661,"stem":1662,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1664,"stem":1665,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1667,"stem":1668,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1670,"stem":1671,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1673,"stem":1674,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1676,"stem":1677,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1679,"stem":1680,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1682,"stem":1683,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1685,"stem":1686,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1688,"stem":1689,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1691,"stem":1692,"children":1693,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1694,1697,1700,1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736,1739,1742,1745],{"title":276,"path":1695,"stem":1696,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1698,"stem":1699,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1701,"stem":1702,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1704,"stem":1705,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1707,"stem":1708,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1710,"stem":1711,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1713,"stem":1714,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1716,"stem":1717,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1719,"stem":1720,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1722,"stem":1723,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1725,"stem":1726,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1728,"stem":1729,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1731,"stem":1732,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1734,"stem":1735,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1737,"stem":1738,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1740,"stem":1741,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1743,"stem":1744,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1746,"stem":1747,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1749,"stem":1750,"children":1751,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1752,1755],{"title":407,"path":1753,"stem":1754,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1756,"stem":1757,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1759,"stem":1760,"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":1762,"stem":1763,"children":1764,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1765,1768,1787,1800,1831],{"title":914,"path":1766,"stem":1767,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1769,"stem":1770,"children":1771,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1772,1775,1778,1781,1784],{"title":922,"path":1773,"stem":1774,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1776,"stem":1777,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1779,"stem":1780,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1782,"stem":1783,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1785,"stem":1786,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1788,"stem":1789,"children":1790,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1791,1794,1797],{"title":944,"path":1792,"stem":1793,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1795,"stem":1796,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1798,"stem":1799,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1801,"stem":1802,"children":1803,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1804,1807,1810,1813,1816,1819,1822,1825,1828],{"title":84,"path":1805,"stem":1806,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1808,"stem":1809,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1811,"stem":1812,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1814,"stem":1815,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1817,"stem":1818,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1820,"stem":1821,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1823,"stem":1824,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1826,"stem":1827,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1829,"stem":1830,"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":1832,"stem":1833,"children":1834,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1835],{"title":996,"path":1836,"stem":1837,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1839,"stem":1840,"children":1841,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1842,1845,1848,1851,1854,1857],{"title":1007,"path":1843,"stem":1844,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1846,"stem":1847,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1849,"stem":1850,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1852,"stem":1853,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1855,"stem":1856,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1858,"stem":1859,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1861,"stem":1862,"children":1863,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1864,1867,1870,1873,1876,1879,1882,1885,1888,1891],{"title":1044,"path":1865,"stem":1866,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1868,"stem":1869,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1871,"stem":1872,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1874,"stem":1875,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1877,"stem":1878,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1880,"stem":1881,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1883,"stem":1884,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1886,"stem":1887,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1889,"stem":1890,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1892,"stem":1893,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1895,"stem":1896,"children":1897,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1898,1901,1904,1907,1910,1913,1916,1919,1922,1925,1928],{"title":1044,"path":1899,"stem":1900,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1902,"stem":1903,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1905,"stem":1906,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1908,"stem":1909,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1911,"stem":1912,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1914,"stem":1915,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1917,"stem":1918,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1920,"stem":1921,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1923,"stem":1924,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1926,"stem":1927,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1929,"stem":1930,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":1932,"path":1933,"stem":1934,"children":1935,"page":108},"Blog","/blog","blog",[1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016],{"title":1937,"path":1938,"stem":1939},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1941,"path":1942,"stem":1943},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1945,"path":1946,"stem":1947},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1949,"path":1950,"stem":1951},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1953,"path":1954,"stem":1955},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1957,"path":1958,"stem":1959},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1961,"path":1962,"stem":1963},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1965,"path":1966,"stem":1967},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1969,"path":1970,"stem":1971},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1973,"path":1974,"stem":1975},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1977,"path":1978,"stem":1979},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1981,"path":1982,"stem":1983},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1985,"path":1986,"stem":1987},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1989,"path":1990,"stem":1991},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1993,"path":1994,"stem":1995},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1997,"path":1998,"stem":1999},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2001,"path":2002,"stem":2003},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2005,"path":2006,"stem":2007},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2009,"path":2010,"stem":2011},"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":2013,"path":2014,"stem":2015},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2017,"path":2018,"stem":2019},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v3":2021,"v4":2022,"v2":2023},"3.21.1","4.3.1","2.18.1",{"id":2025,"title":44,"body":2026,"description":5753,"extension":5754,"links":6,"meta":5755,"navigation":5756,"path":1144,"seo":5757,"stem":1145,"titleTemplate":6,"__hash__":5758},"docsv4/docs/4.x/1.getting-started/06.styling.md",{"type":2027,"value":2028,"toc":5720},"minimark",[2029,2033,2038,2050,2055,2067,2204,2210,2214,2226,2280,2285,2289,2303,2411,2414,2467,2471,2478,2558,2561,2629,2632,2673,2677,2680,2690,2787,2791,2794,2797,2855,2867,2871,2874,2881,2989,2997,3001,3004,3058,3068,3108,3114,3156,3161,3175,3181,3238,3245,3432,3440,3444,3453,3458,3521,3532,3536,3544,3553,3557,3560,4394,4402,4409,4412,4567,4571,4574,4673,4677,4689,4792,4796,4799,4949,4968,4972,4978,5055,5058,5095,5098,5140,5144,5147,5265,5267,5271,5285,5293,5338,5353,5357,5365,5379,5382,5385,5396,5398,5402,5415,5420,5424,5427,5441,5448,5451,5717],[2030,2031,2032],"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.",[2034,2035,2037],"h2",{"id":2036},"local-stylesheets","Local Stylesheets",[2030,2039,2040,2041,2049],{},"If you're writing local stylesheets, the natural place to put them is the ",[2042,2043,2044,2048],"a",{"href":1202},[2045,2046,2047],"code",{},"app/assets/"," directory",".",[2051,2052,2054],"h3",{"id":2053},"importing-within-components","Importing Within Components",[2030,2056,2057,2058,2049],{},"You can import stylesheets in your pages, layouts and components directly.\nYou can use a JavaScript import, or a CSS ",[2042,2059,2063,2066],{"href":2060,"rel":2061},"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@import",[2062],"nofollow",[2045,2064,2065],{},"@import"," statement",[2068,2069,2075],"pre",{"className":2070,"code":2071,"filename":2072,"language":2073,"meta":2074,"style":2074},"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","app/pages/index.vue","vue","",[2045,2076,2077,2093,2100,2117,2123,2129,2148,2158,2163,2173,2195],{"__ignoreMap":2074},[2078,2079,2082,2086,2090],"span",{"class":2080,"line":2081},"line",1,[2078,2083,2085],{"class":2084},"sDfIl","\u003C",[2078,2087,2089],{"class":2088},"sRlkE","script",[2078,2091,2092],{"class":2084},">\n",[2078,2094,2096],{"class":2080,"line":2095},2,[2078,2097,2099],{"class":2098},"sWuyu","// Use a static import for server-side compatibility\n",[2078,2101,2103,2107,2110,2114],{"class":2080,"line":2102},3,[2078,2104,2106],{"class":2105},"s8R28","import",[2078,2108,2109],{"class":2084}," '",[2078,2111,2113],{"class":2112},"sGFVr","~/assets/css/first.css",[2078,2115,2116],{"class":2084},"'\n",[2078,2118,2120],{"class":2080,"line":2119},4,[2078,2121,2122],{"emptyLinePlaceholder":1196},"\n",[2078,2124,2126],{"class":2080,"line":2125},5,[2078,2127,2128],{"class":2098},"// Caution: Dynamic imports are not server-side compatible\n",[2078,2130,2132,2134,2138,2141,2143,2145],{"class":2080,"line":2131},6,[2078,2133,2106],{"class":2084},[2078,2135,2137],{"class":2136},"sZSNi","(",[2078,2139,2140],{"class":2084},"'",[2078,2142,2113],{"class":2112},[2078,2144,2140],{"class":2084},[2078,2146,2147],{"class":2136},")\n",[2078,2149,2151,2154,2156],{"class":2080,"line":2150},7,[2078,2152,2153],{"class":2084},"\u003C/",[2078,2155,2089],{"class":2088},[2078,2157,2092],{"class":2084},[2078,2159,2161],{"class":2080,"line":2160},8,[2078,2162,2122],{"emptyLinePlaceholder":1196},[2078,2164,2166,2168,2171],{"class":2080,"line":2165},9,[2078,2167,2085],{"class":2084},[2078,2169,2170],{"class":2088},"style",[2078,2172,2092],{"class":2084},[2078,2174,2176,2178,2182,2184,2187,2190,2192],{"class":2080,"line":2175},10,[2078,2177,2065],{"class":2105},[2078,2179,2181],{"class":2180},"s3cPz"," url",[2078,2183,2137],{"class":2084},[2078,2185,2186],{"class":2084},"\"",[2078,2188,2189],{"class":2112},"~/assets/css/second.css",[2078,2191,2186],{"class":2084},[2078,2193,2194],{"class":2084},");\n",[2078,2196,2198,2200,2202],{"class":2080,"line":2197},11,[2078,2199,2153],{"class":2084},[2078,2201,2170],{"class":2088},[2078,2203,2092],{"class":2084},[2205,2206,2207],"tip",{},[2030,2208,2209],{},"The stylesheets will be inlined in the HTML rendered by Nuxt.",[2051,2211,2213],{"id":2212},"the-css-property","The CSS Property",[2030,2215,2216,2217,2220,2221,2225],{},"You can also use the ",[2045,2218,2219],{},"css"," property in the Nuxt configuration.\nThe natural place for your stylesheets is the ",[2042,2222,2223,2048],{"href":1202},[2045,2224,2047],{},". You can then reference its path and Nuxt will include it to all the pages of your application.",[2068,2227,2231],{"className":2228,"code":2229,"filename":233,"language":2230,"meta":2074,"style":2074},"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",[2045,2232,2233,2249,2273],{"__ignoreMap":2074},[2078,2234,2235,2238,2241,2244,2246],{"class":2080,"line":2081},[2078,2236,2237],{"class":2105},"export",[2078,2239,2240],{"class":2105}," default",[2078,2242,2243],{"class":2180}," defineNuxtConfig",[2078,2245,2137],{"class":2136},[2078,2247,2248],{"class":2084},"{\n",[2078,2250,2251,2254,2257,2260,2262,2265,2267,2270],{"class":2080,"line":2095},[2078,2252,2253],{"class":2088},"  css",[2078,2255,2256],{"class":2084},":",[2078,2258,2259],{"class":2136}," [",[2078,2261,2140],{"class":2084},[2078,2263,2264],{"class":2112},"~/assets/css/main.css",[2078,2266,2140],{"class":2084},[2078,2268,2269],{"class":2136},"]",[2078,2271,2272],{"class":2084},",\n",[2078,2274,2275,2278],{"class":2080,"line":2102},[2078,2276,2277],{"class":2084},"}",[2078,2279,2147],{"class":2136},[2205,2281,2282],{},[2030,2283,2284],{},"The stylesheets will be inlined in the HTML rendered by Nuxt, injected globally and present in all pages.",[2051,2286,2288],{"id":2287},"working-with-fonts","Working With Fonts",[2030,2290,2291,2292,2295,2296,2299,2300,2049],{},"Place your local fonts files in your ",[2045,2293,2294],{},"public/"," directory, for example in ",[2045,2297,2298],{},"public/fonts",". You can then reference them in your stylesheets using ",[2045,2301,2302],{},"url()",[2068,2304,2308],{"className":2305,"code":2306,"filename":2307,"language":2219,"meta":2074,"style":2074},"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",[2045,2309,2310,2318,2336,2371,2383,2394,2406],{"__ignoreMap":2074},[2078,2311,2312,2315],{"class":2080,"line":2081},[2078,2313,2314],{"class":2105},"@font-face",[2078,2316,2317],{"class":2084}," {\n",[2078,2319,2320,2324,2326,2328,2331,2333],{"class":2080,"line":2095},[2078,2321,2323],{"class":2322},"spFsF","  font-family",[2078,2325,2256],{"class":2084},[2078,2327,2109],{"class":2084},[2078,2329,2330],{"class":2112},"FarAwayGalaxy",[2078,2332,2140],{"class":2084},[2078,2334,2335],{"class":2084},";\n",[2078,2337,2338,2341,2343,2345,2347,2349,2352,2354,2357,2360,2362,2364,2367,2369],{"class":2080,"line":2102},[2078,2339,2340],{"class":2322},"  src",[2078,2342,2256],{"class":2084},[2078,2344,2181],{"class":2180},[2078,2346,2137],{"class":2084},[2078,2348,2140],{"class":2084},[2078,2350,2351],{"class":2112},"/fonts/FarAwayGalaxy.woff",[2078,2353,2140],{"class":2084},[2078,2355,2356],{"class":2084},")",[2078,2358,2359],{"class":2180}," format",[2078,2361,2137],{"class":2084},[2078,2363,2140],{"class":2084},[2078,2365,2366],{"class":2112},"woff",[2078,2368,2140],{"class":2084},[2078,2370,2194],{"class":2084},[2078,2372,2373,2376,2378,2381],{"class":2080,"line":2119},[2078,2374,2375],{"class":2322},"  font-weight",[2078,2377,2256],{"class":2084},[2078,2379,2380],{"class":2136}," normal",[2078,2382,2335],{"class":2084},[2078,2384,2385,2388,2390,2392],{"class":2080,"line":2125},[2078,2386,2387],{"class":2322},"  font-style",[2078,2389,2256],{"class":2084},[2078,2391,2380],{"class":2136},[2078,2393,2335],{"class":2084},[2078,2395,2396,2399,2401,2404],{"class":2080,"line":2131},[2078,2397,2398],{"class":2322},"  font-display",[2078,2400,2256],{"class":2084},[2078,2402,2403],{"class":2136}," swap",[2078,2405,2335],{"class":2084},[2078,2407,2408],{"class":2080,"line":2150},[2078,2409,2410],{"class":2084},"}\n",[2030,2412,2413],{},"Then reference your fonts by name in your stylesheets, pages or components:",[2068,2415,2417],{"className":2070,"code":2416,"language":2073,"meta":2074,"style":2074},"\u003Cstyle>\nh1 {\n  font-family: 'FarAwayGalaxy', sans-serif;\n}\n\u003C/style>\n",[2045,2418,2419,2427,2435,2455,2459],{"__ignoreMap":2074},[2078,2420,2421,2423,2425],{"class":2080,"line":2081},[2078,2422,2085],{"class":2084},[2078,2424,2170],{"class":2088},[2078,2426,2092],{"class":2084},[2078,2428,2429,2433],{"class":2080,"line":2095},[2078,2430,2432],{"class":2431},"s52Pk","h1",[2078,2434,2317],{"class":2084},[2078,2436,2437,2439,2441,2443,2445,2447,2450,2453],{"class":2080,"line":2102},[2078,2438,2323],{"class":2322},[2078,2440,2256],{"class":2084},[2078,2442,2109],{"class":2084},[2078,2444,2330],{"class":2112},[2078,2446,2140],{"class":2084},[2078,2448,2449],{"class":2084},",",[2078,2451,2452],{"class":2136}," sans-serif",[2078,2454,2335],{"class":2084},[2078,2456,2457],{"class":2080,"line":2119},[2078,2458,2410],{"class":2084},[2078,2460,2461,2463,2465],{"class":2080,"line":2125},[2078,2462,2153],{"class":2084},[2078,2464,2170],{"class":2088},[2078,2466,2092],{"class":2084},[2051,2468,2470],{"id":2469},"stylesheets-distributed-through-npm","Stylesheets Distributed Through NPM",[2030,2472,2473,2474,2477],{},"You can also reference stylesheets that are distributed through npm. Let's use the popular ",[2045,2475,2476],{},"animate.css"," library as an example.",[2479,2480,2482,2500,2515,2529,2543],"code-group",{"sync":2481},"pm",[2068,2483,2488],{"className":2484,"code":2485,"filename":2486,"language":2487,"meta":2074,"style":2074},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npm install animate.css\n","npm","bash",[2045,2489,2490],{"__ignoreMap":2074},[2078,2491,2492,2494,2497],{"class":2080,"line":2081},[2078,2493,2486],{"class":2431},[2078,2495,2496],{"class":2112}," install",[2078,2498,2499],{"class":2112}," animate.css\n",[2068,2501,2504],{"className":2484,"code":2502,"filename":2503,"language":2487,"meta":2074,"style":2074},"yarn add animate.css\n","yarn",[2045,2505,2506],{"__ignoreMap":2074},[2078,2507,2508,2510,2513],{"class":2080,"line":2081},[2078,2509,2503],{"class":2431},[2078,2511,2512],{"class":2112}," add",[2078,2514,2499],{"class":2112},[2068,2516,2519],{"className":2484,"code":2517,"filename":2518,"language":2487,"meta":2074,"style":2074},"pnpm install animate.css\n","pnpm",[2045,2520,2521],{"__ignoreMap":2074},[2078,2522,2523,2525,2527],{"class":2080,"line":2081},[2078,2524,2518],{"class":2431},[2078,2526,2496],{"class":2112},[2078,2528,2499],{"class":2112},[2068,2530,2533],{"className":2484,"code":2531,"filename":2532,"language":2487,"meta":2074,"style":2074},"bun install animate.css\n","bun",[2045,2534,2535],{"__ignoreMap":2074},[2078,2536,2537,2539,2541],{"class":2080,"line":2081},[2078,2538,2532],{"class":2431},[2078,2540,2496],{"class":2112},[2078,2542,2499],{"class":2112},[2068,2544,2547],{"className":2484,"code":2545,"filename":2546,"language":2487,"meta":2074,"style":2074},"deno install npm:animate.css\n","deno",[2045,2548,2549],{"__ignoreMap":2074},[2078,2550,2551,2553,2555],{"class":2080,"line":2081},[2078,2552,2546],{"class":2431},[2078,2554,2496],{"class":2112},[2078,2556,2557],{"class":2112}," npm:animate.css\n",[2030,2559,2560],{},"Then you can reference it directly in your pages, layouts and components:",[2068,2562,2565],{"className":2070,"code":2563,"filename":2564,"language":2073,"meta":2074,"style":2074},"\u003Cscript>\nimport 'animate.css'\n\u003C/script>\n\n\u003Cstyle>\n@import url(\"animate.css\");\n\u003C/style>\n","app/app.vue",[2045,2566,2567,2575,2585,2593,2597,2605,2621],{"__ignoreMap":2074},[2078,2568,2569,2571,2573],{"class":2080,"line":2081},[2078,2570,2085],{"class":2084},[2078,2572,2089],{"class":2088},[2078,2574,2092],{"class":2084},[2078,2576,2577,2579,2581,2583],{"class":2080,"line":2095},[2078,2578,2106],{"class":2105},[2078,2580,2109],{"class":2084},[2078,2582,2476],{"class":2112},[2078,2584,2116],{"class":2084},[2078,2586,2587,2589,2591],{"class":2080,"line":2102},[2078,2588,2153],{"class":2084},[2078,2590,2089],{"class":2088},[2078,2592,2092],{"class":2084},[2078,2594,2595],{"class":2080,"line":2119},[2078,2596,2122],{"emptyLinePlaceholder":1196},[2078,2598,2599,2601,2603],{"class":2080,"line":2125},[2078,2600,2085],{"class":2084},[2078,2602,2170],{"class":2088},[2078,2604,2092],{"class":2084},[2078,2606,2607,2609,2611,2613,2615,2617,2619],{"class":2080,"line":2131},[2078,2608,2065],{"class":2105},[2078,2610,2181],{"class":2180},[2078,2612,2137],{"class":2084},[2078,2614,2186],{"class":2084},[2078,2616,2476],{"class":2112},[2078,2618,2186],{"class":2084},[2078,2620,2194],{"class":2084},[2078,2622,2623,2625,2627],{"class":2080,"line":2150},[2078,2624,2153],{"class":2084},[2078,2626,2170],{"class":2088},[2078,2628,2092],{"class":2084},[2030,2630,2631],{},"The package can also be referenced as a string in the css property of your Nuxt configuration.",[2068,2633,2635],{"className":2228,"code":2634,"filename":233,"language":2230,"meta":2074,"style":2074},"export default defineNuxtConfig({\n  css: ['animate.css'],\n})\n",[2045,2636,2637,2649,2667],{"__ignoreMap":2074},[2078,2638,2639,2641,2643,2645,2647],{"class":2080,"line":2081},[2078,2640,2237],{"class":2105},[2078,2642,2240],{"class":2105},[2078,2644,2243],{"class":2180},[2078,2646,2137],{"class":2136},[2078,2648,2248],{"class":2084},[2078,2650,2651,2653,2655,2657,2659,2661,2663,2665],{"class":2080,"line":2095},[2078,2652,2253],{"class":2088},[2078,2654,2256],{"class":2084},[2078,2656,2259],{"class":2136},[2078,2658,2140],{"class":2084},[2078,2660,2476],{"class":2112},[2078,2662,2140],{"class":2084},[2078,2664,2269],{"class":2136},[2078,2666,2272],{"class":2084},[2078,2668,2669,2671],{"class":2080,"line":2102},[2078,2670,2277],{"class":2084},[2078,2672,2147],{"class":2136},[2034,2674,2676],{"id":2675},"external-stylesheets","External Stylesheets",[2030,2678,2679],{},"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.",[2030,2681,2682,2683,2689],{},"You can manipulate the head with the ",[2042,2684,2686],{"href":2685},"/docs/4.x/api/nuxt-config#head",[2045,2687,2688],{},"app.head"," property of your Nuxt configuration:",[2068,2691,2694],{"className":2228,"code":2692,"filename":233,"language":2230,"meta":2693,"style":2074},"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",[2045,2695,2696,2708,2717,2726,2771,2776,2781],{"__ignoreMap":2074},[2078,2697,2698,2700,2702,2704,2706],{"class":2080,"line":2081},[2078,2699,2237],{"class":2105},[2078,2701,2240],{"class":2105},[2078,2703,2243],{"class":2180},[2078,2705,2137],{"class":2136},[2078,2707,2248],{"class":2084},[2078,2709,2710,2713,2715],{"class":2080,"line":2095},[2078,2711,2712],{"class":2088},"  app",[2078,2714,2256],{"class":2084},[2078,2716,2317],{"class":2084},[2078,2718,2719,2722,2724],{"class":2080,"line":2102},[2078,2720,2721],{"class":2088},"    head",[2078,2723,2256],{"class":2084},[2078,2725,2317],{"class":2084},[2078,2727,2728,2731,2733,2735,2738,2741,2743,2745,2748,2750,2752,2755,2757,2759,2762,2764,2767,2769],{"class":2080,"line":2119},[2078,2729,2730],{"class":2088},"      link",[2078,2732,2256],{"class":2084},[2078,2734,2259],{"class":2136},[2078,2736,2737],{"class":2084},"{",[2078,2739,2740],{"class":2088}," rel",[2078,2742,2256],{"class":2084},[2078,2744,2109],{"class":2084},[2078,2746,2747],{"class":2112},"stylesheet",[2078,2749,2140],{"class":2084},[2078,2751,2449],{"class":2084},[2078,2753,2754],{"class":2088}," href",[2078,2756,2256],{"class":2084},[2078,2758,2109],{"class":2084},[2078,2760,2761],{"class":2112},"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",[2078,2763,2140],{"class":2084},[2078,2765,2766],{"class":2084}," }",[2078,2768,2269],{"class":2136},[2078,2770,2272],{"class":2084},[2078,2772,2773],{"class":2080,"line":2125},[2078,2774,2775],{"class":2084},"    },\n",[2078,2777,2778],{"class":2080,"line":2131},[2078,2779,2780],{"class":2084},"  },\n",[2078,2782,2783,2785],{"class":2080,"line":2150},[2078,2784,2277],{"class":2084},[2078,2786,2147],{"class":2136},[2051,2788,2790],{"id":2789},"dynamically-adding-stylesheets","Dynamically Adding Stylesheets",[2030,2792,2793],{},"You can use the useHead composable to dynamically set a value in your head in your code.",[2795,2796],"read-more",{"to":1479},[2068,2798,2800],{"className":2228,"code":2799,"language":2230,"meta":2693,"style":2074},"useHead({\n  link: [{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css' }],\n})\n",[2045,2801,2802,2810,2849],{"__ignoreMap":2074},[2078,2803,2804,2806,2808],{"class":2080,"line":2081},[2078,2805,531],{"class":2180},[2078,2807,2137],{"class":2136},[2078,2809,2248],{"class":2084},[2078,2811,2812,2815,2817,2819,2821,2823,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845,2847],{"class":2080,"line":2095},[2078,2813,2814],{"class":2088},"  link",[2078,2816,2256],{"class":2084},[2078,2818,2259],{"class":2136},[2078,2820,2737],{"class":2084},[2078,2822,2740],{"class":2088},[2078,2824,2256],{"class":2084},[2078,2826,2109],{"class":2084},[2078,2828,2747],{"class":2112},[2078,2830,2140],{"class":2084},[2078,2832,2449],{"class":2084},[2078,2834,2754],{"class":2088},[2078,2836,2256],{"class":2084},[2078,2838,2109],{"class":2084},[2078,2840,2761],{"class":2112},[2078,2842,2140],{"class":2084},[2078,2844,2766],{"class":2084},[2078,2846,2269],{"class":2136},[2078,2848,2272],{"class":2084},[2078,2850,2851,2853],{"class":2080,"line":2102},[2078,2852,2277],{"class":2084},[2078,2854,2147],{"class":2136},[2030,2856,2857,2858,2861,2862,2049],{},"Nuxt uses ",[2045,2859,2860],{},"unhead"," under the hood, and you can refer to ",[2042,2863,2866],{"href":2864,"rel":2865},"https://unhead.unjs.io",[2062],"its full documentation",[2051,2868,2870],{"id":2869},"modifying-the-rendered-head-with-a-nitro-plugin","Modifying The Rendered Head With A Nitro Plugin",[2030,2872,2873],{},"If you need more advanced control, you can intercept the rendered html with a hook and modify the head programmatically.",[2030,2875,2876,2877,2880],{},"Create a plugin in ",[2045,2878,2879],{},"~~/server/plugins/my-plugin.ts"," like this:",[2068,2882,2885],{"className":2228,"code":2883,"filename":2884,"language":2230,"meta":2074,"style":2074},"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",[2045,2886,2887,2912,2950,2976,2983],{"__ignoreMap":2074},[2078,2888,2889,2891,2893,2896,2898,2900,2904,2906,2910],{"class":2080,"line":2081},[2078,2890,2237],{"class":2105},[2078,2892,2240],{"class":2105},[2078,2894,2895],{"class":2180}," defineNitroPlugin",[2078,2897,2137],{"class":2136},[2078,2899,2137],{"class":2084},[2078,2901,2903],{"class":2902},"s1nJG","nitro",[2078,2905,2356],{"class":2084},[2078,2907,2909],{"class":2908},"smZ93"," =>",[2078,2911,2317],{"class":2084},[2078,2913,2914,2917,2919,2922,2924,2927,2929,2931,2934,2936,2938,2941,2944,2946,2948],{"class":2080,"line":2095},[2078,2915,2916],{"class":2136},"  nitro",[2078,2918,2049],{"class":2084},[2078,2920,2921],{"class":2136},"hooks",[2078,2923,2049],{"class":2084},[2078,2925,2926],{"class":2180},"hook",[2078,2928,2137],{"class":2088},[2078,2930,2140],{"class":2084},[2078,2932,2933],{"class":2112},"render:html",[2078,2935,2140],{"class":2084},[2078,2937,2449],{"class":2084},[2078,2939,2940],{"class":2084}," (",[2078,2942,2943],{"class":2902},"html",[2078,2945,2356],{"class":2084},[2078,2947,2909],{"class":2908},[2078,2949,2317],{"class":2084},[2078,2951,2952,2955,2957,2960,2962,2965,2967,2969,2972,2974],{"class":2080,"line":2102},[2078,2953,2954],{"class":2136},"    html",[2078,2956,2049],{"class":2084},[2078,2958,2959],{"class":2136},"head",[2078,2961,2049],{"class":2084},[2078,2963,2964],{"class":2180},"push",[2078,2966,2137],{"class":2088},[2078,2968,2140],{"class":2084},[2078,2970,2971],{"class":2112},"\u003Clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css\">",[2078,2973,2140],{"class":2084},[2078,2975,2147],{"class":2088},[2078,2977,2978,2981],{"class":2080,"line":2119},[2078,2979,2980],{"class":2084},"  }",[2078,2982,2147],{"class":2088},[2078,2984,2985,2987],{"class":2080,"line":2125},[2078,2986,2277],{"class":2084},[2078,2988,2147],{"class":2136},[2030,2990,2991,2992,2049],{},"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 ",[2042,2993,2996],{"href":2994,"rel":2995},"https://web.dev/articles/defer-non-critical-css",[2062],"web.dev",[2034,2998,3000],{"id":2999},"using-preprocessors","Using Preprocessors",[2030,3002,3003],{},"To use a preprocessor like SCSS, Sass, Less or Stylus, install it first.",[2479,3005,3006,3024,3041],{},[2068,3007,3010],{"className":2484,"code":3008,"filename":3009,"language":2487,"meta":2074,"style":2074},"npm install -D sass\n","Sass & SCSS",[2045,3011,3012],{"__ignoreMap":2074},[2078,3013,3014,3016,3018,3021],{"class":2080,"line":2081},[2078,3015,2486],{"class":2431},[2078,3017,2496],{"class":2112},[2078,3019,3020],{"class":2112}," -D",[2078,3022,3023],{"class":2112}," sass\n",[2068,3025,3028],{"className":2484,"code":3026,"filename":3027,"language":2487,"meta":2074,"style":2074},"npm install -D less\n","Less",[2045,3029,3030],{"__ignoreMap":2074},[2078,3031,3032,3034,3036,3038],{"class":2080,"line":2081},[2078,3033,2486],{"class":2431},[2078,3035,2496],{"class":2112},[2078,3037,3020],{"class":2112},[2078,3039,3040],{"class":2112}," less\n",[2068,3042,3045],{"className":2484,"code":3043,"filename":3044,"language":2487,"meta":2074,"style":2074},"npm install -D stylus\n","Stylus",[2045,3046,3047],{"__ignoreMap":2074},[2078,3048,3049,3051,3053,3055],{"class":2080,"line":2081},[2078,3050,2486],{"class":2431},[2078,3052,2496],{"class":2112},[2078,3054,3020],{"class":2112},[2078,3056,3057],{"class":2112}," stylus\n",[2030,3059,3060,3061,3064,3065,3067],{},"The natural place to write your stylesheets is the ",[2045,3062,3063],{},"app/assets"," directory.\nYou can then import your source files in your ",[2045,3066,219],{}," (or layouts files) using your preprocessor's syntax.",[2068,3069,3072],{"className":2070,"code":3070,"filename":3071,"language":2073,"meta":2074,"style":2074},"\u003Cstyle lang=\"scss\">\n@use \"~/assets/scss/main.scss\";\n\u003C/style>\n","app/pages/app.vue",[2045,3073,3074,3095,3100],{"__ignoreMap":2074},[2078,3075,3076,3078,3080,3083,3086,3088,3091,3093],{"class":2080,"line":2081},[2078,3077,2085],{"class":2084},[2078,3079,2170],{"class":2088},[2078,3081,3082],{"class":2908}," lang",[2078,3084,3085],{"class":2084},"=",[2078,3087,2186],{"class":2084},[2078,3089,3090],{"class":2112},"scss",[2078,3092,2186],{"class":2084},[2078,3094,2092],{"class":2084},[2078,3096,3097],{"class":2080,"line":2095},[2078,3098,3099],{"class":2136},"@use \"~/assets/scss/main.scss\";\n",[2078,3101,3102,3104,3106],{"class":2080,"line":2102},[2078,3103,2153],{"class":2084},[2078,3105,2170],{"class":2088},[2078,3107,2092],{"class":2084},[2030,3109,3110,3111,3113],{},"Alternatively, you can use the ",[2045,3112,2219],{}," property of your Nuxt configuration.",[2068,3115,3117],{"className":2228,"code":3116,"filename":233,"language":2230,"meta":2693,"style":2074},"export default defineNuxtConfig({\n  css: ['~/assets/scss/main.scss'],\n})\n",[2045,3118,3119,3131,3150],{"__ignoreMap":2074},[2078,3120,3121,3123,3125,3127,3129],{"class":2080,"line":2081},[2078,3122,2237],{"class":2105},[2078,3124,2240],{"class":2105},[2078,3126,2243],{"class":2180},[2078,3128,2137],{"class":2136},[2078,3130,2248],{"class":2084},[2078,3132,3133,3135,3137,3139,3141,3144,3146,3148],{"class":2080,"line":2095},[2078,3134,2253],{"class":2088},[2078,3136,2256],{"class":2084},[2078,3138,2259],{"class":2136},[2078,3140,2140],{"class":2084},[2078,3142,3143],{"class":2112},"~/assets/scss/main.scss",[2078,3145,2140],{"class":2084},[2078,3147,2269],{"class":2136},[2078,3149,2272],{"class":2084},[2078,3151,3152,3154],{"class":2080,"line":2102},[2078,3153,2277],{"class":2084},[2078,3155,2147],{"class":2136},[2205,3157,3158],{},[2030,3159,3160],{},"In both cases, the compiled stylesheets will be inlined in the HTML rendered by Nuxt.",[2030,3162,3163,3164,3169,3170,2049],{},"If you need to inject code in pre-processed files, like a ",[2042,3165,3168],{"href":3166,"rel":3167},"https://sass-lang.com/documentation/at-rules/use/#partials",[2062],"Sass partial"," with color variables, you can do so with the Vite ",[2042,3171,3174],{"href":3172,"rel":3173},"https://vite.dev/config/shared-options#css-preprocessoroptions",[2062],"preprocessors options",[2030,3176,3177,3178,3180],{},"Create some partials in your ",[2045,3179,3063],{}," directory:",[2479,3182,3184,3220],{"sync":3183},"preprocessor",[2068,3185,3189],{"className":3186,"code":3187,"filename":3188,"language":3090,"meta":2074,"style":2074},"language-scss shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","$primary: #49240F;\n$secondary: #E4A79D;\n","assets/_colors.scss",[2045,3190,3191,3206],{"__ignoreMap":2074},[2078,3192,3193,3196,3198,3201,3204],{"class":2080,"line":2081},[2078,3194,3195],{"class":2136},"$primary",[2078,3197,2256],{"class":2084},[2078,3199,3200],{"class":2084}," #",[2078,3202,3203],{"class":2136},"49240F",[2078,3205,2335],{"class":2084},[2078,3207,3208,3211,3213,3215,3218],{"class":2080,"line":2095},[2078,3209,3210],{"class":2136},"$secondary",[2078,3212,2256],{"class":2084},[2078,3214,3200],{"class":2084},[2078,3216,3217],{"class":2136},"E4A79D",[2078,3219,2335],{"class":2084},[2068,3221,3226],{"className":3222,"code":3223,"filename":3224,"language":3225,"meta":2074,"style":2074},"language-sass shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","$primary: #49240F\n$secondary: #E4A79D\n","assets/_colors.sass","sass",[2045,3227,3228,3233],{"__ignoreMap":2074},[2078,3229,3230],{"class":2080,"line":2081},[2078,3231,3232],{},"$primary: #49240F\n",[2078,3234,3235],{"class":2080,"line":2095},[2078,3236,3237],{},"$secondary: #E4A79D\n",[2030,3239,3240,3241,3244],{},"Then in your ",[2045,3242,3243],{},"nuxt.config"," :",[2479,3246,3247,3341],{},[2068,3248,3251],{"className":2228,"code":3249,"filename":3250,"language":2230,"meta":2693,"style":2074},"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",[2045,3252,3253,3265,3274,3283,3292,3301,3317,3322,3327,3331,3335],{"__ignoreMap":2074},[2078,3254,3255,3257,3259,3261,3263],{"class":2080,"line":2081},[2078,3256,2237],{"class":2105},[2078,3258,2240],{"class":2105},[2078,3260,2243],{"class":2180},[2078,3262,2137],{"class":2136},[2078,3264,2248],{"class":2084},[2078,3266,3267,3270,3272],{"class":2080,"line":2095},[2078,3268,3269],{"class":2088},"  vite",[2078,3271,2256],{"class":2084},[2078,3273,2317],{"class":2084},[2078,3275,3276,3279,3281],{"class":2080,"line":2102},[2078,3277,3278],{"class":2088},"    css",[2078,3280,2256],{"class":2084},[2078,3282,2317],{"class":2084},[2078,3284,3285,3288,3290],{"class":2080,"line":2119},[2078,3286,3287],{"class":2088},"      preprocessorOptions",[2078,3289,2256],{"class":2084},[2078,3291,2317],{"class":2084},[2078,3293,3294,3297,3299],{"class":2080,"line":2125},[2078,3295,3296],{"class":2088},"        scss",[2078,3298,2256],{"class":2084},[2078,3300,2317],{"class":2084},[2078,3302,3303,3306,3308,3310,3313,3315],{"class":2080,"line":2131},[2078,3304,3305],{"class":2088},"          additionalData",[2078,3307,2256],{"class":2084},[2078,3309,2109],{"class":2084},[2078,3311,3312],{"class":2112},"@use \"~/assets/_colors.scss\" as *;",[2078,3314,2140],{"class":2084},[2078,3316,2272],{"class":2084},[2078,3318,3319],{"class":2080,"line":2150},[2078,3320,3321],{"class":2084},"        },\n",[2078,3323,3324],{"class":2080,"line":2160},[2078,3325,3326],{"class":2084},"      },\n",[2078,3328,3329],{"class":2080,"line":2165},[2078,3330,2775],{"class":2084},[2078,3332,3333],{"class":2080,"line":2175},[2078,3334,2780],{"class":2084},[2078,3336,3337,3339],{"class":2080,"line":2197},[2078,3338,2277],{"class":2084},[2078,3340,2147],{"class":2136},[2068,3342,3345],{"className":2228,"code":3343,"filename":3344,"language":2230,"meta":2693,"style":2074},"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",[2045,3346,3347,3359,3367,3375,3383,3392,3410,3414,3418,3422,3426],{"__ignoreMap":2074},[2078,3348,3349,3351,3353,3355,3357],{"class":2080,"line":2081},[2078,3350,2237],{"class":2105},[2078,3352,2240],{"class":2105},[2078,3354,2243],{"class":2180},[2078,3356,2137],{"class":2136},[2078,3358,2248],{"class":2084},[2078,3360,3361,3363,3365],{"class":2080,"line":2095},[2078,3362,3269],{"class":2088},[2078,3364,2256],{"class":2084},[2078,3366,2317],{"class":2084},[2078,3368,3369,3371,3373],{"class":2080,"line":2102},[2078,3370,3278],{"class":2088},[2078,3372,2256],{"class":2084},[2078,3374,2317],{"class":2084},[2078,3376,3377,3379,3381],{"class":2080,"line":2119},[2078,3378,3287],{"class":2088},[2078,3380,2256],{"class":2084},[2078,3382,2317],{"class":2084},[2078,3384,3385,3388,3390],{"class":2080,"line":2125},[2078,3386,3387],{"class":2088},"        sass",[2078,3389,2256],{"class":2084},[2078,3391,2317],{"class":2084},[2078,3393,3394,3396,3398,3400,3403,3406,3408],{"class":2080,"line":2131},[2078,3395,3305],{"class":2088},[2078,3397,2256],{"class":2084},[2078,3399,2109],{"class":2084},[2078,3401,3402],{"class":2112},"@use \"~/assets/_colors.sass\" as *",[2078,3404,3405],{"class":2136},"\\n",[2078,3407,2140],{"class":2084},[2078,3409,2272],{"class":2084},[2078,3411,3412],{"class":2080,"line":2150},[2078,3413,3321],{"class":2084},[2078,3415,3416],{"class":2080,"line":2160},[2078,3417,3326],{"class":2084},[2078,3419,3420],{"class":2080,"line":2165},[2078,3421,2775],{"class":2084},[2078,3423,3424],{"class":2080,"line":2175},[2078,3425,2780],{"class":2084},[2078,3427,3428,3430],{"class":2080,"line":2197},[2078,3429,2277],{"class":2084},[2078,3431,2147],{"class":2136},[2030,3433,3434,3435,2049],{},"Nuxt uses Vite by default. If you wish to use webpack instead, refer to each preprocessor loader ",[2042,3436,3439],{"href":3437,"rel":3438},"https://webpack.js.org/loaders/sass-loader/",[2062],"documentation",[2051,3441,3443],{"id":3442},"preprocessor-workers-experimental","Preprocessor Workers (Experimental)",[2030,3445,3446,3447,3452],{},"Vite has made available an ",[2042,3448,3451],{"href":3449,"rel":3450},"https://vite.dev/config/shared-options#css-preprocessormaxworkers",[2062],"experimental option"," which can speed up using preprocessors.",[2030,3454,3455,3456,2256],{},"You can enable this in your ",[2045,3457,3243],{},[2068,3459,3461],{"className":2228,"code":3460,"language":2230,"meta":2074,"style":2074},"export default defineNuxtConfig({\n  vite: {\n    css: {\n      preprocessorMaxWorkers: true, // number of CPUs minus 1\n    },\n  },\n})\n",[2045,3462,3463,3475,3483,3491,3507,3511,3515],{"__ignoreMap":2074},[2078,3464,3465,3467,3469,3471,3473],{"class":2080,"line":2081},[2078,3466,2237],{"class":2105},[2078,3468,2240],{"class":2105},[2078,3470,2243],{"class":2180},[2078,3472,2137],{"class":2136},[2078,3474,2248],{"class":2084},[2078,3476,3477,3479,3481],{"class":2080,"line":2095},[2078,3478,3269],{"class":2088},[2078,3480,2256],{"class":2084},[2078,3482,2317],{"class":2084},[2078,3484,3485,3487,3489],{"class":2080,"line":2102},[2078,3486,3278],{"class":2088},[2078,3488,2256],{"class":2084},[2078,3490,2317],{"class":2084},[2078,3492,3493,3496,3498,3502,3504],{"class":2080,"line":2119},[2078,3494,3495],{"class":2088},"      preprocessorMaxWorkers",[2078,3497,2256],{"class":2084},[2078,3499,3501],{"class":3500},"sbKd-"," true",[2078,3503,2449],{"class":2084},[2078,3505,3506],{"class":2098}," // number of CPUs minus 1\n",[2078,3508,3509],{"class":2080,"line":2125},[2078,3510,2775],{"class":2084},[2078,3512,3513],{"class":2080,"line":2131},[2078,3514,2780],{"class":2084},[2078,3516,3517,3519],{"class":2080,"line":2150},[2078,3518,2277],{"class":2084},[2078,3520,2147],{"class":2136},[3522,3523,3524],"note",{},[2030,3525,3526,3527,2049],{},"This is an experimental option and you should refer to the Vite documentation and ",[2042,3528,3531],{"href":3529,"rel":3530},"https://github.com/vitejs/vite/discussions/15835",[2062],"provide feedback",[2034,3533,3535],{"id":3534},"single-file-components-sfc-styling","Single File Components (SFC) Styling",[2030,3537,3538,3539,2049],{},"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 ",[2042,3540,3543],{"href":3541,"rel":3542},"https://github.com/Tahul/pinceau",[2062],"pinceau",[2030,3545,3546,3547,3552],{},"You can refer to the ",[2042,3548,3551],{"href":3549,"rel":3550},"https://vuejs.org/api/sfc-css-features",[2062],"Vue docs"," for a comprehensive reference about styling components in SFC.",[2051,3554,3556],{"id":3555},"class-and-style-bindings","Class And Style Bindings",[2030,3558,3559],{},"You can leverage Vue SFC features to style your components with class and style attributes.",[2479,3561,3562,3811,4028,4154],{},[2068,3563,3566],{"className":2070,"code":3564,"filename":3565,"language":2073,"meta":2074,"style":2074},"\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",[2045,3567,3568,3589,3609,3627,3643,3659,3675,3681,3689,3693,3702,3710,3726,3772,3778,3802],{"__ignoreMap":2074},[2078,3569,3570,3572,3574,3577,3579,3581,3583,3585,3587],{"class":2080,"line":2081},[2078,3571,2085],{"class":2084},[2078,3573,2089],{"class":2088},[2078,3575,3576],{"class":2908}," setup",[2078,3578,3082],{"class":2908},[2078,3580,3085],{"class":2084},[2078,3582,2186],{"class":2084},[2078,3584,2230],{"class":2112},[2078,3586,2186],{"class":2084},[2078,3588,2092],{"class":2084},[2078,3590,3591,3594,3597,3599,3602,3604,3607],{"class":2080,"line":2095},[2078,3592,3593],{"class":2908},"const",[2078,3595,3596],{"class":2136}," isActive ",[2078,3598,3085],{"class":2084},[2078,3600,3601],{"class":2180}," ref",[2078,3603,2137],{"class":2136},[2078,3605,3606],{"class":3500},"true",[2078,3608,2147],{"class":2136},[2078,3610,3611,3613,3616,3618,3620,3622,3625],{"class":2080,"line":2102},[2078,3612,3593],{"class":2908},[2078,3614,3615],{"class":2136}," hasError ",[2078,3617,3085],{"class":2084},[2078,3619,3601],{"class":2180},[2078,3621,2137],{"class":2136},[2078,3623,3624],{"class":3500},"false",[2078,3626,2147],{"class":2136},[2078,3628,3629,3631,3634,3636,3639,3641],{"class":2080,"line":2119},[2078,3630,3593],{"class":2908},[2078,3632,3633],{"class":2136}," classObject ",[2078,3635,3085],{"class":2084},[2078,3637,3638],{"class":2180}," reactive",[2078,3640,2137],{"class":2136},[2078,3642,2248],{"class":2084},[2078,3644,3645,3648,3651,3653,3655,3657],{"class":2080,"line":2125},[2078,3646,3647],{"class":2084},"  '",[2078,3649,3650],{"class":2088},"active",[2078,3652,2140],{"class":2084},[2078,3654,2256],{"class":2084},[2078,3656,3501],{"class":3500},[2078,3658,2272],{"class":2084},[2078,3660,3661,3663,3666,3668,3670,3673],{"class":2080,"line":2131},[2078,3662,3647],{"class":2084},[2078,3664,3665],{"class":2088},"text-danger",[2078,3667,2140],{"class":2084},[2078,3669,2256],{"class":2084},[2078,3671,3672],{"class":3500}," false",[2078,3674,2272],{"class":2084},[2078,3676,3677,3679],{"class":2080,"line":2150},[2078,3678,2277],{"class":2084},[2078,3680,2147],{"class":2136},[2078,3682,3683,3685,3687],{"class":2080,"line":2160},[2078,3684,2153],{"class":2084},[2078,3686,2089],{"class":2088},[2078,3688,2092],{"class":2084},[2078,3690,3691],{"class":2080,"line":2165},[2078,3692,2122],{"emptyLinePlaceholder":1196},[2078,3694,3695,3697,3700],{"class":2080,"line":2175},[2078,3696,2085],{"class":2084},[2078,3698,3699],{"class":2088},"template",[2078,3701,2092],{"class":2084},[2078,3703,3704,3707],{"class":2080,"line":2197},[2078,3705,3706],{"class":2084},"  \u003C",[2078,3708,3709],{"class":2088},"div\n",[2078,3711,3713,3716,3718,3720,3723],{"class":2080,"line":3712},12,[2078,3714,3715],{"class":2908},"    class",[2078,3717,3085],{"class":2084},[2078,3719,2186],{"class":2084},[2078,3721,3722],{"class":2112},"static",[2078,3724,3725],{"class":2084},"\"\n",[2078,3727,3729,3732,3735,3737,3739,3742,3744,3746,3748,3751,3754,3757,3759,3761,3763,3765,3768,3770],{"class":2080,"line":3728},13,[2078,3730,3731],{"class":2084},"    :",[2078,3733,3734],{"class":2908},"class",[2078,3736,3085],{"class":2084},[2078,3738,2186],{"class":2084},[2078,3740,3741],{"class":2084},"{ ",[2078,3743,2140],{"class":2084},[2078,3745,3650],{"class":2088},[2078,3747,2140],{"class":2084},[2078,3749,3750],{"class":2084},": ",[2078,3752,3753],{"class":2136},"isActive",[2078,3755,3756],{"class":2084},", ",[2078,3758,2140],{"class":2084},[2078,3760,3665],{"class":2088},[2078,3762,2140],{"class":2084},[2078,3764,3750],{"class":2084},[2078,3766,3767],{"class":2136},"hasError",[2078,3769,2766],{"class":2084},[2078,3771,3725],{"class":2084},[2078,3773,3775],{"class":2080,"line":3774},14,[2078,3776,3777],{"class":2084},"  />\n",[2078,3779,3781,3783,3786,3788,3790,3792,3794,3797,3799],{"class":2080,"line":3780},15,[2078,3782,3706],{"class":2084},[2078,3784,3785],{"class":2088},"div",[2078,3787,3244],{"class":2084},[2078,3789,3734],{"class":2908},[2078,3791,3085],{"class":2084},[2078,3793,2186],{"class":2084},[2078,3795,3796],{"class":2136},"classObject",[2078,3798,2186],{"class":2084},[2078,3800,3801],{"class":2084}," />\n",[2078,3803,3805,3807,3809],{"class":2080,"line":3804},16,[2078,3806,2153],{"class":2084},[2078,3808,3699],{"class":2088},[2078,3810,2092],{"class":2084},[2068,3812,3815],{"className":2070,"code":3813,"filename":3814,"language":2073,"meta":2074,"style":2074},"\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",[2045,3816,3817,3837,3853,3871,3875,3897,3931,3973,3980,3988,3992,4000,4020],{"__ignoreMap":2074},[2078,3818,3819,3821,3823,3825,3827,3829,3831,3833,3835],{"class":2080,"line":2081},[2078,3820,2085],{"class":2084},[2078,3822,2089],{"class":2088},[2078,3824,3576],{"class":2908},[2078,3826,3082],{"class":2908},[2078,3828,3085],{"class":2084},[2078,3830,2186],{"class":2084},[2078,3832,2230],{"class":2112},[2078,3834,2186],{"class":2084},[2078,3836,2092],{"class":2084},[2078,3838,3839,3841,3843,3845,3847,3849,3851],{"class":2080,"line":2095},[2078,3840,3593],{"class":2908},[2078,3842,3596],{"class":2136},[2078,3844,3085],{"class":2084},[2078,3846,3601],{"class":2180},[2078,3848,2137],{"class":2136},[2078,3850,3606],{"class":3500},[2078,3852,2147],{"class":2136},[2078,3854,3855,3857,3860,3862,3864,3866,3869],{"class":2080,"line":2102},[2078,3856,3593],{"class":2908},[2078,3858,3859],{"class":2136}," error ",[2078,3861,3085],{"class":2084},[2078,3863,3601],{"class":2180},[2078,3865,2137],{"class":2136},[2078,3867,3868],{"class":2084},"null",[2078,3870,2147],{"class":2136},[2078,3872,3873],{"class":2080,"line":2119},[2078,3874,2122],{"emptyLinePlaceholder":1196},[2078,3876,3877,3879,3881,3883,3886,3888,3891,3893,3895],{"class":2080,"line":2125},[2078,3878,3593],{"class":2908},[2078,3880,3633],{"class":2136},[2078,3882,3085],{"class":2084},[2078,3884,3885],{"class":2180}," computed",[2078,3887,2137],{"class":2136},[2078,3889,3890],{"class":2084},"()",[2078,3892,2909],{"class":2908},[2078,3894,2940],{"class":2136},[2078,3896,2248],{"class":2084},[2078,3898,3899,3901,3903,3905,3907,3910,3912,3915,3918,3921,3924,3926,3929],{"class":2080,"line":2131},[2078,3900,3647],{"class":2084},[2078,3902,3650],{"class":2088},[2078,3904,2140],{"class":2084},[2078,3906,2256],{"class":2084},[2078,3908,3909],{"class":2136}," isActive",[2078,3911,2049],{"class":2084},[2078,3913,3914],{"class":2136},"value ",[2078,3916,3917],{"class":2084},"&&",[2078,3919,3920],{"class":2084}," !",[2078,3922,3923],{"class":2136},"error",[2078,3925,2049],{"class":2084},[2078,3927,3928],{"class":2136},"value",[2078,3930,2272],{"class":2084},[2078,3932,3933,3935,3937,3939,3941,3944,3946,3948,3950,3952,3954,3956,3958,3961,3964,3966,3969,3971],{"class":2080,"line":2150},[2078,3934,3647],{"class":2084},[2078,3936,3665],{"class":2088},[2078,3938,2140],{"class":2084},[2078,3940,2256],{"class":2084},[2078,3942,3943],{"class":2136}," error",[2078,3945,2049],{"class":2084},[2078,3947,3914],{"class":2136},[2078,3949,3917],{"class":2084},[2078,3951,3943],{"class":2136},[2078,3953,2049],{"class":2084},[2078,3955,3928],{"class":2136},[2078,3957,2049],{"class":2084},[2078,3959,3960],{"class":2136},"type ",[2078,3962,3963],{"class":2084},"===",[2078,3965,2109],{"class":2084},[2078,3967,3968],{"class":2112},"fatal",[2078,3970,2140],{"class":2084},[2078,3972,2272],{"class":2084},[2078,3974,3975,3977],{"class":2080,"line":2160},[2078,3976,2277],{"class":2084},[2078,3978,3979],{"class":2136},"))\n",[2078,3981,3982,3984,3986],{"class":2080,"line":2165},[2078,3983,2153],{"class":2084},[2078,3985,2089],{"class":2088},[2078,3987,2092],{"class":2084},[2078,3989,3990],{"class":2080,"line":2175},[2078,3991,2122],{"emptyLinePlaceholder":1196},[2078,3993,3994,3996,3998],{"class":2080,"line":2197},[2078,3995,2085],{"class":2084},[2078,3997,3699],{"class":2088},[2078,3999,2092],{"class":2084},[2078,4001,4002,4004,4006,4008,4010,4012,4014,4016,4018],{"class":2080,"line":3712},[2078,4003,3706],{"class":2084},[2078,4005,3785],{"class":2088},[2078,4007,3244],{"class":2084},[2078,4009,3734],{"class":2908},[2078,4011,3085],{"class":2084},[2078,4013,2186],{"class":2084},[2078,4015,3796],{"class":2136},[2078,4017,2186],{"class":2084},[2078,4019,3801],{"class":2084},[2078,4021,4022,4024,4026],{"class":2080,"line":3728},[2078,4023,2153],{"class":2084},[2078,4025,3699],{"class":2088},[2078,4027,2092],{"class":2084},[2068,4029,4032],{"className":2070,"code":4030,"filename":4031,"language":2073,"meta":2074,"style":2074},"\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",[2045,4033,4034,4054,4070,4091,4099,4103,4111,4146],{"__ignoreMap":2074},[2078,4035,4036,4038,4040,4042,4044,4046,4048,4050,4052],{"class":2080,"line":2081},[2078,4037,2085],{"class":2084},[2078,4039,2089],{"class":2088},[2078,4041,3576],{"class":2908},[2078,4043,3082],{"class":2908},[2078,4045,3085],{"class":2084},[2078,4047,2186],{"class":2084},[2078,4049,2230],{"class":2112},[2078,4051,2186],{"class":2084},[2078,4053,2092],{"class":2084},[2078,4055,4056,4058,4060,4062,4064,4066,4068],{"class":2080,"line":2095},[2078,4057,3593],{"class":2908},[2078,4059,3596],{"class":2136},[2078,4061,3085],{"class":2084},[2078,4063,3601],{"class":2180},[2078,4065,2137],{"class":2136},[2078,4067,3606],{"class":3500},[2078,4069,2147],{"class":2136},[2078,4071,4072,4074,4077,4079,4081,4083,4085,4087,4089],{"class":2080,"line":2102},[2078,4073,3593],{"class":2908},[2078,4075,4076],{"class":2136}," errorClass ",[2078,4078,3085],{"class":2084},[2078,4080,3601],{"class":2180},[2078,4082,2137],{"class":2136},[2078,4084,2140],{"class":2084},[2078,4086,3665],{"class":2112},[2078,4088,2140],{"class":2084},[2078,4090,2147],{"class":2136},[2078,4092,4093,4095,4097],{"class":2080,"line":2119},[2078,4094,2153],{"class":2084},[2078,4096,2089],{"class":2088},[2078,4098,2092],{"class":2084},[2078,4100,4101],{"class":2080,"line":2125},[2078,4102,2122],{"emptyLinePlaceholder":1196},[2078,4104,4105,4107,4109],{"class":2080,"line":2131},[2078,4106,2085],{"class":2084},[2078,4108,3699],{"class":2088},[2078,4110,2092],{"class":2084},[2078,4112,4113,4115,4117,4119,4121,4123,4125,4128,4130,4132,4134,4137,4140,4142,4144],{"class":2080,"line":2150},[2078,4114,3706],{"class":2084},[2078,4116,3785],{"class":2088},[2078,4118,3244],{"class":2084},[2078,4120,3734],{"class":2908},[2078,4122,3085],{"class":2084},[2078,4124,2186],{"class":2084},[2078,4126,4127],{"class":2084},"[{ ",[2078,4129,3650],{"class":2088},[2078,4131,3750],{"class":2084},[2078,4133,3753],{"class":2136},[2078,4135,4136],{"class":2084}," }, ",[2078,4138,4139],{"class":2136},"errorClass",[2078,4141,2269],{"class":2084},[2078,4143,2186],{"class":2084},[2078,4145,3801],{"class":2084},[2078,4147,4148,4150,4152],{"class":2080,"line":2160},[2078,4149,2153],{"class":2084},[2078,4151,3699],{"class":2088},[2078,4153,2092],{"class":2084},[2068,4155,4158],{"className":2070,"code":4156,"filename":4157,"language":2073,"meta":2074,"style":2074},"\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",[2045,4159,4160,4180,4202,4221,4265,4273,4277,4285,4334,4365,4386],{"__ignoreMap":2074},[2078,4161,4162,4164,4166,4168,4170,4172,4174,4176,4178],{"class":2080,"line":2081},[2078,4163,2085],{"class":2084},[2078,4165,2089],{"class":2088},[2078,4167,3576],{"class":2908},[2078,4169,3082],{"class":2908},[2078,4171,3085],{"class":2084},[2078,4173,2186],{"class":2084},[2078,4175,2230],{"class":2112},[2078,4177,2186],{"class":2084},[2078,4179,2092],{"class":2084},[2078,4181,4182,4184,4187,4189,4191,4193,4195,4198,4200],{"class":2080,"line":2095},[2078,4183,3593],{"class":2908},[2078,4185,4186],{"class":2136}," activeColor ",[2078,4188,3085],{"class":2084},[2078,4190,3601],{"class":2180},[2078,4192,2137],{"class":2136},[2078,4194,2140],{"class":2084},[2078,4196,4197],{"class":2112},"red",[2078,4199,2140],{"class":2084},[2078,4201,2147],{"class":2136},[2078,4203,4204,4206,4209,4211,4213,4215,4219],{"class":2080,"line":2102},[2078,4205,3593],{"class":2908},[2078,4207,4208],{"class":2136}," fontSize ",[2078,4210,3085],{"class":2084},[2078,4212,3601],{"class":2180},[2078,4214,2137],{"class":2136},[2078,4216,4218],{"class":4217},"sYRBq","30",[2078,4220,2147],{"class":2136},[2078,4222,4223,4225,4228,4230,4232,4234,4236,4239,4241,4243,4245,4247,4249,4252,4254,4256,4259,4261,4263],{"class":2080,"line":2119},[2078,4224,3593],{"class":2908},[2078,4226,4227],{"class":2136}," styleObject ",[2078,4229,3085],{"class":2084},[2078,4231,3638],{"class":2180},[2078,4233,2137],{"class":2136},[2078,4235,2737],{"class":2084},[2078,4237,4238],{"class":2088}," color",[2078,4240,2256],{"class":2084},[2078,4242,2109],{"class":2084},[2078,4244,4197],{"class":2112},[2078,4246,2140],{"class":2084},[2078,4248,2449],{"class":2084},[2078,4250,4251],{"class":2088}," fontSize",[2078,4253,2256],{"class":2084},[2078,4255,2109],{"class":2084},[2078,4257,4258],{"class":2112},"13px",[2078,4260,2140],{"class":2084},[2078,4262,2766],{"class":2084},[2078,4264,2147],{"class":2136},[2078,4266,4267,4269,4271],{"class":2080,"line":2125},[2078,4268,2153],{"class":2084},[2078,4270,2089],{"class":2088},[2078,4272,2092],{"class":2084},[2078,4274,4275],{"class":2080,"line":2131},[2078,4276,2122],{"emptyLinePlaceholder":1196},[2078,4278,4279,4281,4283],{"class":2080,"line":2150},[2078,4280,2085],{"class":2084},[2078,4282,3699],{"class":2088},[2078,4284,2092],{"class":2084},[2078,4286,4287,4289,4291,4293,4295,4297,4299,4301,4304,4306,4309,4311,4314,4316,4318,4321,4323,4326,4328,4330,4332],{"class":2080,"line":2160},[2078,4288,3706],{"class":2084},[2078,4290,3785],{"class":2088},[2078,4292,3244],{"class":2084},[2078,4294,2170],{"class":2908},[2078,4296,3085],{"class":2084},[2078,4298,2186],{"class":2084},[2078,4300,3741],{"class":2084},[2078,4302,4303],{"class":2088},"color",[2078,4305,3750],{"class":2084},[2078,4307,4308],{"class":2136},"activeColor",[2078,4310,3756],{"class":2084},[2078,4312,4313],{"class":2088},"fontSize",[2078,4315,3750],{"class":2084},[2078,4317,4313],{"class":2136},[2078,4319,4320],{"class":2084}," + ",[2078,4322,2140],{"class":2084},[2078,4324,4325],{"class":2112},"px",[2078,4327,2140],{"class":2084},[2078,4329,2766],{"class":2084},[2078,4331,2186],{"class":2084},[2078,4333,3801],{"class":2084},[2078,4335,4336,4338,4340,4342,4344,4346,4348,4351,4354,4356,4359,4361,4363],{"class":2080,"line":2165},[2078,4337,3706],{"class":2084},[2078,4339,3785],{"class":2088},[2078,4341,3244],{"class":2084},[2078,4343,2170],{"class":2908},[2078,4345,3085],{"class":2084},[2078,4347,2186],{"class":2084},[2078,4349,4350],{"class":2084},"[",[2078,4352,4353],{"class":2136},"baseStyles",[2078,4355,3756],{"class":2084},[2078,4357,4358],{"class":2136},"overridingStyles",[2078,4360,2269],{"class":2084},[2078,4362,2186],{"class":2084},[2078,4364,3801],{"class":2084},[2078,4366,4367,4369,4371,4373,4375,4377,4379,4382,4384],{"class":2080,"line":2175},[2078,4368,3706],{"class":2084},[2078,4370,3785],{"class":2088},[2078,4372,3244],{"class":2084},[2078,4374,2170],{"class":2908},[2078,4376,3085],{"class":2084},[2078,4378,2186],{"class":2084},[2078,4380,4381],{"class":2136},"styleObject",[2078,4383,2186],{"class":2084},[2078,4385,3801],{"class":2084},[2078,4387,4388,4390,4392],{"class":2080,"line":2197},[2078,4389,2153],{"class":2084},[2078,4391,3699],{"class":2088},[2078,4393,2092],{"class":2084},[2030,4395,4396,4397,4401],{},"Refer to the ",[2042,4398,3551],{"href":4399,"rel":4400},"https://vuejs.org/guide/essentials/class-and-style",[2062]," for more information.",[2051,4403,4405,4406],{"id":4404},"dynamic-styles-with-v-bind","Dynamic Styles With ",[2045,4407,4408],{},"v-bind",[2030,4410,4411],{},"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.",[2068,4413,4415],{"className":2070,"code":4414,"language":2073,"meta":2074,"style":2074},"\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",[2045,4416,4417,4437,4458,4466,4470,4478,4498,4503,4512,4520,4524,4532,4540,4555,4559],{"__ignoreMap":2074},[2078,4418,4419,4421,4423,4425,4427,4429,4431,4433,4435],{"class":2080,"line":2081},[2078,4420,2085],{"class":2084},[2078,4422,2089],{"class":2088},[2078,4424,3576],{"class":2908},[2078,4426,3082],{"class":2908},[2078,4428,3085],{"class":2084},[2078,4430,2186],{"class":2084},[2078,4432,2230],{"class":2112},[2078,4434,2186],{"class":2084},[2078,4436,2092],{"class":2084},[2078,4438,4439,4441,4444,4446,4448,4450,4452,4454,4456],{"class":2080,"line":2095},[2078,4440,3593],{"class":2908},[2078,4442,4443],{"class":2136}," color ",[2078,4445,3085],{"class":2084},[2078,4447,3601],{"class":2180},[2078,4449,2137],{"class":2136},[2078,4451,2140],{"class":2084},[2078,4453,4197],{"class":2112},[2078,4455,2140],{"class":2084},[2078,4457,2147],{"class":2136},[2078,4459,4460,4462,4464],{"class":2080,"line":2102},[2078,4461,2153],{"class":2084},[2078,4463,2089],{"class":2088},[2078,4465,2092],{"class":2084},[2078,4467,4468],{"class":2080,"line":2119},[2078,4469,2122],{"emptyLinePlaceholder":1196},[2078,4471,4472,4474,4476],{"class":2080,"line":2125},[2078,4473,2085],{"class":2084},[2078,4475,3699],{"class":2088},[2078,4477,2092],{"class":2084},[2078,4479,4480,4482,4484,4487,4489,4491,4494,4496],{"class":2080,"line":2131},[2078,4481,3706],{"class":2084},[2078,4483,3785],{"class":2088},[2078,4485,4486],{"class":2908}," class",[2078,4488,3085],{"class":2084},[2078,4490,2186],{"class":2084},[2078,4492,4493],{"class":2112},"text",[2078,4495,2186],{"class":2084},[2078,4497,2092],{"class":2084},[2078,4499,4500],{"class":2080,"line":2150},[2078,4501,4502],{"class":2136},"    hello\n",[2078,4504,4505,4508,4510],{"class":2080,"line":2160},[2078,4506,4507],{"class":2084},"  \u003C/",[2078,4509,3785],{"class":2088},[2078,4511,2092],{"class":2084},[2078,4513,4514,4516,4518],{"class":2080,"line":2165},[2078,4515,2153],{"class":2084},[2078,4517,3699],{"class":2088},[2078,4519,2092],{"class":2084},[2078,4521,4522],{"class":2080,"line":2175},[2078,4523,2122],{"emptyLinePlaceholder":1196},[2078,4525,4526,4528,4530],{"class":2080,"line":2197},[2078,4527,2085],{"class":2084},[2078,4529,2170],{"class":2088},[2078,4531,2092],{"class":2084},[2078,4533,4534,4536,4538],{"class":2080,"line":3712},[2078,4535,2049],{"class":2084},[2078,4537,4493],{"class":2431},[2078,4539,2317],{"class":2084},[2078,4541,4542,4545,4547,4550,4553],{"class":2080,"line":3728},[2078,4543,4544],{"class":2322},"  color",[2078,4546,2256],{"class":2084},[2078,4548,4549],{"class":2180}," v-bind",[2078,4551,4552],{"class":2136},"(color)",[2078,4554,2335],{"class":2084},[2078,4556,4557],{"class":2080,"line":3774},[2078,4558,2410],{"class":2084},[2078,4560,4561,4563,4565],{"class":2080,"line":3780},[2078,4562,2153],{"class":2084},[2078,4564,2170],{"class":2088},[2078,4566,2092],{"class":2084},[2051,4568,4570],{"id":4569},"scoped-styles","Scoped Styles",[2030,4572,4573],{},"The scoped attribute allows you to style components in isolation. The styles declared with this attribute will only apply to this component.",[2068,4575,4577],{"className":2070,"code":4576,"language":2073,"meta":2074,"style":2074},"\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",[2045,4578,4579,4587,4606,4611,4619,4627,4631,4642,4650,4661,4665],{"__ignoreMap":2074},[2078,4580,4581,4583,4585],{"class":2080,"line":2081},[2078,4582,2085],{"class":2084},[2078,4584,3699],{"class":2088},[2078,4586,2092],{"class":2084},[2078,4588,4589,4591,4593,4595,4597,4599,4602,4604],{"class":2080,"line":2095},[2078,4590,3706],{"class":2084},[2078,4592,3785],{"class":2088},[2078,4594,4486],{"class":2908},[2078,4596,3085],{"class":2084},[2078,4598,2186],{"class":2084},[2078,4600,4601],{"class":2112},"example",[2078,4603,2186],{"class":2084},[2078,4605,2092],{"class":2084},[2078,4607,4608],{"class":2080,"line":2102},[2078,4609,4610],{"class":2136},"    hi\n",[2078,4612,4613,4615,4617],{"class":2080,"line":2119},[2078,4614,4507],{"class":2084},[2078,4616,3785],{"class":2088},[2078,4618,2092],{"class":2084},[2078,4620,4621,4623,4625],{"class":2080,"line":2125},[2078,4622,2153],{"class":2084},[2078,4624,3699],{"class":2088},[2078,4626,2092],{"class":2084},[2078,4628,4629],{"class":2080,"line":2131},[2078,4630,2122],{"emptyLinePlaceholder":1196},[2078,4632,4633,4635,4637,4640],{"class":2080,"line":2150},[2078,4634,2085],{"class":2084},[2078,4636,2170],{"class":2088},[2078,4638,4639],{"class":2908}," scoped",[2078,4641,2092],{"class":2084},[2078,4643,4644,4646,4648],{"class":2080,"line":2160},[2078,4645,2049],{"class":2084},[2078,4647,4601],{"class":2431},[2078,4649,2317],{"class":2084},[2078,4651,4652,4654,4656,4659],{"class":2080,"line":2165},[2078,4653,4544],{"class":2322},[2078,4655,2256],{"class":2084},[2078,4657,4658],{"class":2136}," red",[2078,4660,2335],{"class":2084},[2078,4662,4663],{"class":2080,"line":2175},[2078,4664,2410],{"class":2084},[2078,4666,4667,4669,4671],{"class":2080,"line":2197},[2078,4668,2153],{"class":2084},[2078,4670,2170],{"class":2088},[2078,4672,2092],{"class":2084},[2051,4674,4676],{"id":4675},"css-modules","CSS Modules",[2030,4678,4679,4680,4684,4685,4688],{},"You can use ",[2042,4681,4676],{"href":4682,"rel":4683},"https://github.com/css-modules/css-modules",[2062]," with the module attribute. Access it with the injected ",[2045,4686,4687],{},"$style"," variable.",[2068,4690,4692],{"className":2070,"code":4691,"language":2073,"meta":2074,"style":2074},"\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",[2045,4693,4694,4702,4726,4731,4739,4747,4751,4762,4770,4780,4784],{"__ignoreMap":2074},[2078,4695,4696,4698,4700],{"class":2080,"line":2081},[2078,4697,2085],{"class":2084},[2078,4699,3699],{"class":2088},[2078,4701,2092],{"class":2084},[2078,4703,4704,4706,4708,4710,4712,4714,4716,4718,4720,4722,4724],{"class":2080,"line":2095},[2078,4705,3706],{"class":2084},[2078,4707,2030],{"class":2088},[2078,4709,3244],{"class":2084},[2078,4711,3734],{"class":2908},[2078,4713,3085],{"class":2084},[2078,4715,2186],{"class":2084},[2078,4717,4687],{"class":2136},[2078,4719,2049],{"class":2084},[2078,4721,4197],{"class":2136},[2078,4723,2186],{"class":2084},[2078,4725,2092],{"class":2084},[2078,4727,4728],{"class":2080,"line":2102},[2078,4729,4730],{"class":2136},"    This should be red\n",[2078,4732,4733,4735,4737],{"class":2080,"line":2119},[2078,4734,4507],{"class":2084},[2078,4736,2030],{"class":2088},[2078,4738,2092],{"class":2084},[2078,4740,4741,4743,4745],{"class":2080,"line":2125},[2078,4742,2153],{"class":2084},[2078,4744,3699],{"class":2088},[2078,4746,2092],{"class":2084},[2078,4748,4749],{"class":2080,"line":2131},[2078,4750,2122],{"emptyLinePlaceholder":1196},[2078,4752,4753,4755,4757,4760],{"class":2080,"line":2150},[2078,4754,2085],{"class":2084},[2078,4756,2170],{"class":2088},[2078,4758,4759],{"class":2908}," module",[2078,4761,2092],{"class":2084},[2078,4763,4764,4766,4768],{"class":2080,"line":2160},[2078,4765,2049],{"class":2084},[2078,4767,4197],{"class":2431},[2078,4769,2317],{"class":2084},[2078,4771,4772,4774,4776,4778],{"class":2080,"line":2165},[2078,4773,4544],{"class":2322},[2078,4775,2256],{"class":2084},[2078,4777,4658],{"class":2136},[2078,4779,2335],{"class":2084},[2078,4781,4782],{"class":2080,"line":2175},[2078,4783,2410],{"class":2084},[2078,4785,4786,4788,4790],{"class":2080,"line":2197},[2078,4787,2153],{"class":2084},[2078,4789,2170],{"class":2088},[2078,4791,2092],{"class":2084},[2051,4793,4795],{"id":4794},"preprocessors-support","Preprocessors Support",[2030,4797,4798],{},"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.",[2479,4800,4801,4837,4874,4912],{},[2068,4802,4804],{"className":2070,"code":4803,"filename":3250,"language":2073,"meta":2074,"style":2074},"\u003Cstyle lang=\"scss\">\n  /* Write scss here */\n\u003C/style>\n",[2045,4805,4806,4824,4829],{"__ignoreMap":2074},[2078,4807,4808,4810,4812,4814,4816,4818,4820,4822],{"class":2080,"line":2081},[2078,4809,2085],{"class":2084},[2078,4811,2170],{"class":2088},[2078,4813,3082],{"class":2908},[2078,4815,3085],{"class":2084},[2078,4817,2186],{"class":2084},[2078,4819,3090],{"class":2112},[2078,4821,2186],{"class":2084},[2078,4823,2092],{"class":2084},[2078,4825,4826],{"class":2080,"line":2095},[2078,4827,4828],{"class":2136},"  /* Write scss here */\n",[2078,4830,4831,4833,4835],{"class":2080,"line":2102},[2078,4832,2153],{"class":2084},[2078,4834,2170],{"class":2088},[2078,4836,2092],{"class":2084},[2068,4838,4841],{"className":2070,"code":4839,"filename":4840,"language":2073,"meta":2074,"style":2074},"\u003Cstyle lang=\"sass\">\n  /* Write sass here */\n\u003C/style>\n","Sass",[2045,4842,4843,4861,4866],{"__ignoreMap":2074},[2078,4844,4845,4847,4849,4851,4853,4855,4857,4859],{"class":2080,"line":2081},[2078,4846,2085],{"class":2084},[2078,4848,2170],{"class":2088},[2078,4850,3082],{"class":2908},[2078,4852,3085],{"class":2084},[2078,4854,2186],{"class":2084},[2078,4856,3225],{"class":2112},[2078,4858,2186],{"class":2084},[2078,4860,2092],{"class":2084},[2078,4862,4863],{"class":2080,"line":2095},[2078,4864,4865],{"class":2136},"  /* Write sass here */\n",[2078,4867,4868,4870,4872],{"class":2080,"line":2102},[2078,4869,2153],{"class":2084},[2078,4871,2170],{"class":2088},[2078,4873,2092],{"class":2084},[2068,4875,4878],{"className":2070,"code":4876,"filename":4877,"language":2073,"meta":2074,"style":2074},"\u003Cstyle lang=\"less\">\n  /* Write less here */\n\u003C/style>\n","LESS",[2045,4879,4880,4899,4904],{"__ignoreMap":2074},[2078,4881,4882,4884,4886,4888,4890,4892,4895,4897],{"class":2080,"line":2081},[2078,4883,2085],{"class":2084},[2078,4885,2170],{"class":2088},[2078,4887,3082],{"class":2908},[2078,4889,3085],{"class":2084},[2078,4891,2186],{"class":2084},[2078,4893,4894],{"class":2112},"less",[2078,4896,2186],{"class":2084},[2078,4898,2092],{"class":2084},[2078,4900,4901],{"class":2080,"line":2095},[2078,4902,4903],{"class":2136},"  /* Write less here */\n",[2078,4905,4906,4908,4910],{"class":2080,"line":2102},[2078,4907,2153],{"class":2084},[2078,4909,2170],{"class":2088},[2078,4911,2092],{"class":2084},[2068,4913,4915],{"className":2070,"code":4914,"filename":3044,"language":2073,"meta":2074,"style":2074},"\u003Cstyle lang=\"stylus\">\n  /* Write stylus here */\n\u003C/style>\n",[2045,4916,4917,4936,4941],{"__ignoreMap":2074},[2078,4918,4919,4921,4923,4925,4927,4929,4932,4934],{"class":2080,"line":2081},[2078,4920,2085],{"class":2084},[2078,4922,2170],{"class":2088},[2078,4924,3082],{"class":2908},[2078,4926,3085],{"class":2084},[2078,4928,2186],{"class":2084},[2078,4930,4931],{"class":2112},"stylus",[2078,4933,2186],{"class":2084},[2078,4935,2092],{"class":2084},[2078,4937,4938],{"class":2080,"line":2095},[2078,4939,4940],{"class":2136},"  /* Write stylus here */\n",[2078,4942,4943,4945,4947],{"class":2080,"line":2102},[2078,4944,2153],{"class":2084},[2078,4946,2170],{"class":2088},[2078,4948,2092],{"class":2084},[2030,4950,3546,4951,4956,4957,4962,4963,2049],{},[2042,4952,4955],{"href":4953,"rel":4954},"https://vite.dev/guide/features#css",[2062],"Vite CSS docs"," and the ",[2042,4958,4961],{"href":4959,"rel":4960},"https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue",[2062],"@vitejs/plugin-vue docs",".\nFor webpack users, refer to the ",[2042,4964,4967],{"href":4965,"rel":4966},"https://vue-loader.vuejs.org",[2062],"vue loader docs",[2034,4969,4971],{"id":4970},"using-postcss","Using PostCSS",[2030,4973,4974,4975,4977],{},"Nuxt comes with postcss built-in. You can configure it in your ",[2045,4976,3243],{}," file.",[2068,4979,4981],{"className":2228,"code":4980,"filename":233,"language":2230,"meta":2074,"style":2074},"export default defineNuxtConfig({\n  postcss: {\n    plugins: {\n      'postcss-nested': {},\n      'postcss-custom-media': {},\n    },\n  },\n})\n",[2045,4982,4983,4995,5004,5013,5028,5041,5045,5049],{"__ignoreMap":2074},[2078,4984,4985,4987,4989,4991,4993],{"class":2080,"line":2081},[2078,4986,2237],{"class":2105},[2078,4988,2240],{"class":2105},[2078,4990,2243],{"class":2180},[2078,4992,2137],{"class":2136},[2078,4994,2248],{"class":2084},[2078,4996,4997,5000,5002],{"class":2080,"line":2095},[2078,4998,4999],{"class":2088},"  postcss",[2078,5001,2256],{"class":2084},[2078,5003,2317],{"class":2084},[2078,5005,5006,5009,5011],{"class":2080,"line":2102},[2078,5007,5008],{"class":2088},"    plugins",[2078,5010,2256],{"class":2084},[2078,5012,2317],{"class":2084},[2078,5014,5015,5018,5021,5023,5025],{"class":2080,"line":2119},[2078,5016,5017],{"class":2084},"      '",[2078,5019,5020],{"class":2088},"postcss-nested",[2078,5022,2140],{"class":2084},[2078,5024,2256],{"class":2084},[2078,5026,5027],{"class":2084}," {},\n",[2078,5029,5030,5032,5035,5037,5039],{"class":2080,"line":2125},[2078,5031,5017],{"class":2084},[2078,5033,5034],{"class":2088},"postcss-custom-media",[2078,5036,2140],{"class":2084},[2078,5038,2256],{"class":2084},[2078,5040,5027],{"class":2084},[2078,5042,5043],{"class":2080,"line":2131},[2078,5044,2775],{"class":2084},[2078,5046,5047],{"class":2080,"line":2150},[2078,5048,2780],{"class":2084},[2078,5050,5051,5053],{"class":2080,"line":2160},[2078,5052,2277],{"class":2084},[2078,5054,2147],{"class":2136},[2030,5056,5057],{},"For proper syntax highlighting in SFC, you can use the postcss lang attribute.",[2068,5059,5061],{"className":2070,"code":5060,"language":2073,"meta":2074,"style":2074},"\u003Cstyle lang=\"postcss\">\n  /* Write postcss here */\n\u003C/style>\n",[2045,5062,5063,5082,5087],{"__ignoreMap":2074},[2078,5064,5065,5067,5069,5071,5073,5075,5078,5080],{"class":2080,"line":2081},[2078,5066,2085],{"class":2084},[2078,5068,2170],{"class":2088},[2078,5070,3082],{"class":2908},[2078,5072,3085],{"class":2084},[2078,5074,2186],{"class":2084},[2078,5076,5077],{"class":2112},"postcss",[2078,5079,2186],{"class":2084},[2078,5081,2092],{"class":2084},[2078,5083,5084],{"class":2080,"line":2095},[2078,5085,5086],{"class":2136},"  /* Write postcss here */\n",[2078,5088,5089,5091,5093],{"class":2080,"line":2102},[2078,5090,2153],{"class":2084},[2078,5092,2170],{"class":2088},[2078,5094,2092],{"class":2084},[2030,5096,5097],{},"By default, Nuxt comes with the following plugins already pre-configured:",[5099,5100,5101,5113,5124,5132],"ul",{},[5102,5103,5104,5109,5110,5112],"li",{},[2042,5105,5108],{"href":5106,"rel":5107},"https://github.com/postcss/postcss-import",[2062],"postcss-import",": Improves the ",[2045,5111,2065],{}," rule",[5102,5114,5115,5120,5121,5123],{},[2042,5116,5119],{"href":5117,"rel":5118},"https://github.com/postcss/postcss-url",[2062],"postcss-url",": Transforms ",[2045,5122,2302],{}," statements",[5102,5125,5126,5131],{},[2042,5127,5130],{"href":5128,"rel":5129},"https://github.com/postcss/autoprefixer",[2062],"autoprefixer",": Automatically adds vendor prefixes",[5102,5133,5134,5139],{},[2042,5135,5138],{"href":5136,"rel":5137},"https://cssnano.github.io/cssnano/",[2062],"cssnano",": Minification and purge",[2034,5141,5143],{"id":5142},"leveraging-layouts-for-multiple-styles","Leveraging Layouts For Multiple Styles",[2030,5145,5146],{},"If you need to style different parts of your application completely differently, you can use layouts.\nUse different styles for different layouts.",[2068,5148,5150],{"className":2070,"code":5149,"language":2073,"meta":2074,"style":2074},"\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",[2045,5151,5152,5160,5179,5198,5207,5215,5223,5227,5235,5243,5253,5257],{"__ignoreMap":2074},[2078,5153,5154,5156,5158],{"class":2080,"line":2081},[2078,5155,2085],{"class":2084},[2078,5157,3699],{"class":2088},[2078,5159,2092],{"class":2084},[2078,5161,5162,5164,5166,5168,5170,5172,5175,5177],{"class":2080,"line":2095},[2078,5163,3706],{"class":2084},[2078,5165,3785],{"class":2088},[2078,5167,4486],{"class":2908},[2078,5169,3085],{"class":2084},[2078,5171,2186],{"class":2084},[2078,5173,5174],{"class":2112},"default-layout",[2078,5176,2186],{"class":2084},[2078,5178,2092],{"class":2084},[2078,5180,5181,5184,5186,5189,5192,5194,5196],{"class":2080,"line":2102},[2078,5182,5183],{"class":2084},"    \u003C",[2078,5185,2432],{"class":2088},[2078,5187,5188],{"class":2084},">",[2078,5190,5191],{"class":2136},"Default Layout",[2078,5193,2153],{"class":2084},[2078,5195,2432],{"class":2088},[2078,5197,2092],{"class":2084},[2078,5199,5200,5202,5205],{"class":2080,"line":2119},[2078,5201,5183],{"class":2084},[2078,5203,5204],{"class":2088},"slot",[2078,5206,3801],{"class":2084},[2078,5208,5209,5211,5213],{"class":2080,"line":2125},[2078,5210,4507],{"class":2084},[2078,5212,3785],{"class":2088},[2078,5214,2092],{"class":2084},[2078,5216,5217,5219,5221],{"class":2080,"line":2131},[2078,5218,2153],{"class":2084},[2078,5220,3699],{"class":2088},[2078,5222,2092],{"class":2084},[2078,5224,5225],{"class":2080,"line":2150},[2078,5226,2122],{"emptyLinePlaceholder":1196},[2078,5228,5229,5231,5233],{"class":2080,"line":2160},[2078,5230,2085],{"class":2084},[2078,5232,2170],{"class":2088},[2078,5234,2092],{"class":2084},[2078,5236,5237,5239,5241],{"class":2080,"line":2165},[2078,5238,2049],{"class":2084},[2078,5240,5174],{"class":2431},[2078,5242,2317],{"class":2084},[2078,5244,5245,5247,5249,5251],{"class":2080,"line":2175},[2078,5246,4544],{"class":2322},[2078,5248,2256],{"class":2084},[2078,5250,4658],{"class":2136},[2078,5252,2335],{"class":2084},[2078,5254,5255],{"class":2080,"line":2197},[2078,5256,2410],{"class":2084},[2078,5258,5259,5261,5263],{"class":2080,"line":3712},[2078,5260,2153],{"class":2084},[2078,5262,2170],{"class":2088},[2078,5264,2092],{"class":2084},[2795,5266],{"to":1211},[2034,5268,5270],{"id":5269},"third-party-libraries-and-modules","Third Party Libraries And Modules",[2030,5272,5273,5274,5279,5280,2049],{},"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 ",[2042,5275,5278],{"href":5276,"rel":5277},"https://unocss.dev",[2062],"UnoCSS"," or ",[2042,5281,5284],{"href":5282,"rel":5283},"https://tailwindcss.com",[2062],"Tailwind CSS",[2030,5286,5287,5288,5292],{},"The community and the Nuxt team have developed plenty of Nuxt modules to make the integration easier.\nYou can discover them on the ",[2042,5289,5291],{"href":5290},"/modules","modules section"," of the website.\nHere are a few modules to help you get started:",[5099,5294,5295,5301,5307,5315,5322,5330],{},[5102,5296,5297,5300],{},[2042,5298,5278],{"href":5299},"/modules/unocss",": Instant on-demand atomic CSS engine",[5102,5302,5303,5306],{},[2042,5304,5284],{"href":5305},"/modules/tailwindcss",": Utility-first CSS framework",[5102,5308,5309,5314],{},[2042,5310,5313],{"href":5311,"rel":5312},"https://github.com/nuxt-modules/fontaine",[2062],"Fontaine",": Font metric fallback",[5102,5316,5317,5321],{},[2042,5318,5320],{"href":3541,"rel":5319},[2062],"Pinceau",": Adaptable styling framework",[5102,5323,5324,5329],{},[2042,5325,5328],{"href":5326,"rel":5327},"https://ui.nuxt.com",[2062],"Nuxt UI",": A UI Library for Modern Web Apps",[5102,5331,5332,5337],{},[2042,5333,5336],{"href":5334,"rel":5335},"https://panda-css.com/docs/installation/nuxt",[2062],"Panda CSS",": CSS-in-JS engine that generates atomic CSS at build time",[2030,5339,5340,5341,5344,5345,5348,5349,5352],{},"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 ",[2042,5342,5343],{"href":1220},"Nuxt plugin"," and/or ",[2042,5346,5347],{"href":1329},"make your own module",". Share them with the ",[2042,5350,5351],{"href":5290},"community"," if you do!",[2051,5354,5356],{"id":5355},"easily-load-webfonts","Easily Load Webfonts",[2030,5358,4679,5359,5364],{},[2042,5360,5363],{"href":5361,"rel":5362},"https://github.com/nuxt-modules/google-fonts",[2062],"the Nuxt Google Fonts module"," to load Google Fonts.",[2030,5366,5367,5368,5372,5373,5378],{},"If you are using ",[2042,5369,5278],{"href":5370,"rel":5371},"https://unocss.dev/integrations/nuxt",[2062],", note that it comes with a ",[2042,5374,5377],{"href":5375,"rel":5376},"https://unocss.dev/presets/web-fonts",[2062],"web fonts presets"," to conveniently load fonts from common providers, including Google Fonts and more.",[2034,5380,890],{"id":5381},"advanced",[2051,5383,59],{"id":5384},"transitions",[2030,5386,5387,5388,5391,5392,2049],{},"Nuxt comes with the same ",[2045,5389,5390],{},"\u003CTransition>"," element that Vue has, and also has support for the experimental ",[2042,5393,5395],{"href":5394},"/docs/4.x/getting-started/transitions#view-transitions-api-experimental","View Transitions API",[2795,5397],{"to":1153},[2051,5399,5401],{"id":5400},"font-advanced-optimization","Font Advanced Optimization",[2030,5403,5404,5405,5408,5409,5414],{},"We would recommend using ",[2042,5406,5313],{"href":5311,"rel":5407},[2062]," to reduce your ",[2042,5410,5413],{"href":5411,"rel":5412},"https://web.dev/articles/cls",[2062],"CLS",". If you need something more advanced, consider creating a Nuxt module to extend the build process or the Nuxt runtime.",[2205,5416,5417],{},[2030,5418,5419],{},"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!",[2051,5421,5423],{"id":5422},"lcp-advanced-optimizations","LCP Advanced Optimizations",[2030,5425,5426],{},"You can do the following to speed-up the download of your global CSS files:",[5099,5428,5429,5432,5435,5438],{},[5102,5430,5431],{},"Use a CDN so the files are physically closer to your users",[5102,5433,5434],{},"Compress your assets, ideally using Brotli",[5102,5436,5437],{},"Use HTTP2/HTTP3 for delivery",[5102,5439,5440],{},"Host your assets on the same domain (do not use a different subdomain)",[2030,5442,5443,5444,2049],{},"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 ",[2042,5445,2996],{"href":5446,"rel":5447},"https://web.dev/articles/optimize-lcp",[2062],[2030,5449,5450],{},"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.",[2068,5452,5454],{"className":2228,"code":5453,"filename":233,"language":2230,"meta":2074,"style":2074},"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",[2045,5455,5456,5468,5477,5500,5505,5558,5572,5577,5627,5632,5667,5687,5692,5697,5702,5706,5710],{"__ignoreMap":2074},[2078,5457,5458,5460,5462,5464,5466],{"class":2080,"line":2081},[2078,5459,2237],{"class":2105},[2078,5461,2240],{"class":2105},[2078,5463,2243],{"class":2180},[2078,5465,2137],{"class":2136},[2078,5467,2248],{"class":2084},[2078,5469,5470,5473,5475],{"class":2080,"line":2095},[2078,5471,5472],{"class":2088},"  hooks",[2078,5474,2256],{"class":2084},[2078,5476,2317],{"class":2084},[2078,5478,5479,5482,5485,5487,5489,5491,5494,5496,5498],{"class":2080,"line":2102},[2078,5480,5481],{"class":2084},"    '",[2078,5483,5484],{"class":2088},"build:manifest",[2078,5486,2140],{"class":2084},[2078,5488,2256],{"class":2084},[2078,5490,2940],{"class":2084},[2078,5492,5493],{"class":2902},"manifest",[2078,5495,2356],{"class":2084},[2078,5497,2909],{"class":2908},[2078,5499,2317],{"class":2084},[2078,5501,5502],{"class":2080,"line":2119},[2078,5503,5504],{"class":2098},"      // find the app entry, css list\n",[2078,5506,5507,5510,5513,5516,5519,5521,5524,5526,5528,5530,5532,5535,5537,5540,5542,5545,5547,5550,5552,5555],{"class":2080,"line":2125},[2078,5508,5509],{"class":2908},"      const",[2078,5511,5512],{"class":2136}," css",[2078,5514,5515],{"class":2084}," =",[2078,5517,5518],{"class":2136}," Object",[2078,5520,2049],{"class":2084},[2078,5522,5523],{"class":2180},"values",[2078,5525,2137],{"class":2088},[2078,5527,5493],{"class":2136},[2078,5529,2356],{"class":2088},[2078,5531,2049],{"class":2084},[2078,5533,5534],{"class":2180},"find",[2078,5536,2137],{"class":2088},[2078,5538,5539],{"class":2902},"options",[2078,5541,2909],{"class":2908},[2078,5543,5544],{"class":2136}," options",[2078,5546,2049],{"class":2084},[2078,5548,5549],{"class":2136},"isEntry",[2078,5551,2356],{"class":2088},[2078,5553,5554],{"class":2084},"?.",[2078,5556,5557],{"class":2136},"css\n",[2078,5559,5560,5563,5565,5567,5570],{"class":2080,"line":2131},[2078,5561,5562],{"class":2105},"      if",[2078,5564,2940],{"class":2088},[2078,5566,2219],{"class":2136},[2078,5568,5569],{"class":2088},") ",[2078,5571,2248],{"class":2084},[2078,5573,5574],{"class":2080,"line":2150},[2078,5575,5576],{"class":2098},"        // start from the end of the array and go to the beginning\n",[2078,5578,5579,5582,5584,5587,5590,5592,5594,5596,5599,5602,5605,5608,5610,5613,5616,5618,5620,5623,5625],{"class":2080,"line":2160},[2078,5580,5581],{"class":2105},"        for",[2078,5583,2940],{"class":2088},[2078,5585,5586],{"class":2908},"let",[2078,5588,5589],{"class":2136}," i",[2078,5591,5515],{"class":2084},[2078,5593,5512],{"class":2136},[2078,5595,2049],{"class":2084},[2078,5597,5598],{"class":2136},"length",[2078,5600,5601],{"class":2084}," -",[2078,5603,5604],{"class":4217}," 1",[2078,5606,5607],{"class":2084},";",[2078,5609,5589],{"class":2136},[2078,5611,5612],{"class":2084}," >=",[2078,5614,5615],{"class":4217}," 0",[2078,5617,5607],{"class":2084},[2078,5619,5589],{"class":2136},[2078,5621,5622],{"class":2084},"--",[2078,5624,5569],{"class":2088},[2078,5626,2248],{"class":2084},[2078,5628,5629],{"class":2080,"line":2165},[2078,5630,5631],{"class":2098},"          // if it starts with 'entry', remove it from the list\n",[2078,5633,5634,5637,5639,5641,5643,5646,5648,5650,5653,5655,5657,5660,5662,5665],{"class":2080,"line":2175},[2078,5635,5636],{"class":2105},"          if",[2078,5638,2940],{"class":2088},[2078,5640,2219],{"class":2136},[2078,5642,4350],{"class":2088},[2078,5644,5645],{"class":2136},"i",[2078,5647,2269],{"class":2088},[2078,5649,2049],{"class":2084},[2078,5651,5652],{"class":2180},"startsWith",[2078,5654,2137],{"class":2088},[2078,5656,2140],{"class":2084},[2078,5658,5659],{"class":2112},"entry",[2078,5661,2140],{"class":2084},[2078,5663,5664],{"class":2088},")) ",[2078,5666,2248],{"class":2084},[2078,5668,5669,5672,5674,5677,5679,5681,5683,5685],{"class":2080,"line":2197},[2078,5670,5671],{"class":2136},"            css",[2078,5673,2049],{"class":2084},[2078,5675,5676],{"class":2180},"splice",[2078,5678,2137],{"class":2088},[2078,5680,5645],{"class":2136},[2078,5682,2449],{"class":2084},[2078,5684,5604],{"class":4217},[2078,5686,2147],{"class":2088},[2078,5688,5689],{"class":2080,"line":3712},[2078,5690,5691],{"class":2084},"          }\n",[2078,5693,5694],{"class":2080,"line":3728},[2078,5695,5696],{"class":2084},"        }\n",[2078,5698,5699],{"class":2080,"line":3774},[2078,5700,5701],{"class":2084},"      }\n",[2078,5703,5704],{"class":2080,"line":3780},[2078,5705,2775],{"class":2084},[2078,5707,5708],{"class":2080,"line":3804},[2078,5709,2780],{"class":2084},[2078,5711,5713,5715],{"class":2080,"line":5712},17,[2078,5714,2277],{"class":2084},[2078,5716,2147],{"class":2136},[2170,5718,5719],{},"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":2074,"searchDepth":2095,"depth":2095,"links":5721},[5722,5728,5732,5735,5743,5744,5745,5748],{"id":2036,"depth":2095,"text":2037,"children":5723},[5724,5725,5726,5727],{"id":2053,"depth":2102,"text":2054},{"id":2212,"depth":2102,"text":2213},{"id":2287,"depth":2102,"text":2288},{"id":2469,"depth":2102,"text":2470},{"id":2675,"depth":2095,"text":2676,"children":5729},[5730,5731],{"id":2789,"depth":2102,"text":2790},{"id":2869,"depth":2102,"text":2870},{"id":2999,"depth":2095,"text":3000,"children":5733},[5734],{"id":3442,"depth":2102,"text":3443},{"id":3534,"depth":2095,"text":3535,"children":5736},[5737,5738,5740,5741,5742],{"id":3555,"depth":2102,"text":3556},{"id":4404,"depth":2102,"text":5739},"Dynamic Styles With v-bind",{"id":4569,"depth":2102,"text":4570},{"id":4675,"depth":2102,"text":4676},{"id":4794,"depth":2102,"text":4795},{"id":4970,"depth":2095,"text":4971},{"id":5142,"depth":2095,"text":5143},{"id":5269,"depth":2095,"text":5270,"children":5746},[5747],{"id":5355,"depth":2102,"text":5356},{"id":5381,"depth":2095,"text":890,"children":5749},[5750,5751,5752],{"id":5384,"depth":2102,"text":59},{"id":5400,"depth":2102,"text":5401},{"id":5422,"depth":2102,"text":5423},"Learn how to style your Nuxt application.","md",{},{"icon":47},{"title":44,"description":5753},"rAAf1xnysCKJ0x9n53TW73k6WENHc1uPdj7Cv7NWbEc",[5760,5762],{"title":39,"path":1141,"stem":1142,"description":5761,"icon":42,"children":-1},"Nuxt offers two options for your assets.",{"title":49,"path":1147,"stem":1148,"description":5763,"icon":52,"children":-1},"Nuxt file-system routing creates a route for every file in the pages/ directory.",1770834939414]