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