[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f30r277ag21rfj":3,"module-icon":2411,"versions":6500},[4,1159,1721,2205],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":106},"Docs","i-lucide-book-marked","\u002Fdocs\u002F5.x","1.getting-started\u002F01.introduction",[10,107,258,493,1017,1054,1105],{"title":11,"titleTemplate":12,"icon":13,"path":14,"stem":8,"children":15,"page":106},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","\u002Fdocs\u002F5.x\u002Fgetting-started",[16,21,26,31,36,41,46,51,56,61,66,71,76,81,86,91,96,101],{"title":17,"description":18,"path":19,"stem":8,"icon":20},"Introduction","Nuxt's goal is to make web development intuitive and performant with a great Developer Experience in mind.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fintroduction","i-lucide-info",{"title":22,"description":23,"path":24,"stem":25},"Installation","Get started with Nuxt quickly with our online starters or start locally with your terminal.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Finstallation","1.getting-started\u002F02.installation",{"title":27,"description":28,"path":29,"stem":30},"Configuration","Nuxt is configured with sensible defaults to make you productive.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F03.configuration",{"title":32,"description":33,"path":34,"stem":35},"Views","Nuxt provides several component layers to implement the user interface of your application.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fviews","1.getting-started\u002F04.views",{"title":37,"description":38,"path":39,"stem":40},"Assets","Nuxt offers two options for your assets.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fassets","1.getting-started\u002F05.assets",{"title":42,"description":43,"path":44,"stem":45},"Styling","Learn how to style your Nuxt application.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fstyling","1.getting-started\u002F06.styling",{"title":47,"description":48,"path":49,"stem":50},"Routing","Nuxt file-system routing creates a route for every file in the pages\u002F directory.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Frouting","1.getting-started\u002F07.routing",{"title":52,"description":53,"path":54,"stem":55},"SEO and Meta","Improve your Nuxt app's SEO with powerful head config, composables and components.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fseo-meta","1.getting-started\u002F08.seo-meta",{"title":57,"description":58,"path":59,"stem":60},"Transitions","Apply transitions between pages and layouts with Vue or native browser View Transitions.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Ftransitions","1.getting-started\u002F09.transitions",{"title":62,"description":63,"path":64,"stem":65},"Data Fetching","Nuxt provides composables to handle data fetching within your application.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fdata-fetching","1.getting-started\u002F10.data-fetching",{"title":67,"description":68,"path":69,"stem":70},"State Management","Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fstate-management","1.getting-started\u002F11.state-management",{"title":72,"description":73,"path":74,"stem":75},"Error Handling","Learn how to catch and handle errors in Nuxt.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Ferror-handling","1.getting-started\u002F12.error-handling",{"title":77,"description":78,"path":79,"stem":80},"Server","Build full-stack applications with Nuxt's server framework. You can fetch data from your database or another server, create APIs, or even generate static server-side content like a sitemap or a RSS feed - all from a single codebase.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fserver","1.getting-started\u002F13.server",{"title":82,"description":83,"path":84,"stem":85},"Layers","Nuxt provides a powerful system that allows you to extend the default files, configs, and much more.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Flayers","1.getting-started\u002F14.layers",{"title":87,"description":88,"path":89,"stem":90},"Prerendering","Nuxt allows pages to be statically rendered at build time to improve certain performance or SEO metrics","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fprerendering","1.getting-started\u002F15.prerendering",{"title":92,"description":93,"path":94,"stem":95},"Deployment","Learn how to deploy your Nuxt application to any hosting provider.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fdeployment","1.getting-started\u002F16.deployment",{"title":97,"description":98,"path":99,"stem":100},"Testing","How to test your Nuxt application.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Ftesting","1.getting-started\u002F17.testing",{"title":102,"description":103,"path":104,"stem":105},"Upgrade Guide","Learn how to upgrade to the latest Nuxt version.","\u002Fdocs\u002F5.x\u002Fgetting-started\u002Fupgrade","1.getting-started\u002F18.upgrade",false,{"title":108,"titleTemplate":109,"icon":110,"path":111,"stem":112,"children":113,"page":106},"Directory Structure","%s · Nuxt Directory Structure","i-vscode-icons-default-folder","\u002Fdocs\u002F5.x\u002Fdirectory-structure","2.directory-structure\u002F0.nuxt",[114,118,123,183,188,193,198,203,208,213,218,223,228,233,238,243,248,253],{"title":115,"description":116,"path":117,"stem":112},".nuxt","Nuxt uses the .nuxt\u002F directory in development to generate your Vue application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fnuxt",{"title":119,"description":120,"path":121,"stem":122},".output","Nuxt creates the .output\u002F directory when building your application for production.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Foutput","2.directory-structure\u002F0.output",{"title":124,"titleTemplate":109,"icon":125,"path":126,"stem":127,"children":128,"page":106},"app","i-vscode-icons-folder-type-app","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp","2.directory-structure\u002F1.app\u002F1.assets",[129,133,138,143,148,153,158,163,168,173,178],{"title":130,"description":131,"path":132,"stem":127},"assets","The assets\u002F directory is used to add all the website's assets that the build tool will process.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fassets",{"title":134,"description":135,"path":136,"stem":137},"components","The components\u002F directory is where you put all your Vue components.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fcomponents","2.directory-structure\u002F1.app\u002F1.components",{"title":139,"description":140,"path":141,"stem":142},"composables","Use the composables\u002F directory to auto-import your Vue composables into your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fcomposables","2.directory-structure\u002F1.app\u002F1.composables",{"title":144,"description":145,"path":146,"stem":147},"layouts","Nuxt provides a layouts framework to extract common UI patterns into reusable layouts.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Flayouts","2.directory-structure\u002F1.app\u002F1.layouts",{"title":149,"description":150,"path":151,"stem":152},"middleware","Nuxt provides middleware to run code before navigating to a particular route.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fmiddleware","2.directory-structure\u002F1.app\u002F1.middleware",{"title":154,"description":155,"path":156,"stem":157},"pages","Nuxt provides file-based routing to create routes within your web application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fpages","2.directory-structure\u002F1.app\u002F1.pages",{"title":159,"description":160,"path":161,"stem":162},"plugins","Nuxt has a plugins system to use Vue plugins and more at the creation of your Vue application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fplugins","2.directory-structure\u002F1.app\u002F1.plugins",{"title":164,"description":165,"path":166,"stem":167},"utils","Use the utils\u002F directory to auto-import your utility functions throughout your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Futils","2.directory-structure\u002F1.app\u002F1.utils",{"title":169,"description":170,"path":171,"stem":172},"app.vue","The app.vue file is the main component of your Nuxt application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fapp","2.directory-structure\u002F1.app\u002F3.app",{"title":174,"description":175,"path":176,"stem":177},"app.config.ts","Expose reactive configuration within your application with the App Config file.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Fapp-config","2.directory-structure\u002F1.app\u002F3.app-config",{"title":179,"description":180,"path":181,"stem":182},"error.vue","The error.vue file is the error page in your Nuxt application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fapp\u002Ferror","2.directory-structure\u002F1.app\u002F3.error",{"title":184,"description":185,"path":186,"stem":187},"content","Use the content\u002F directory to create a file-based CMS for your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fcontent","2.directory-structure\u002F1.content",{"title":189,"description":190,"path":191,"stem":192},"layers","Use the layers\u002F directory to organize and auto-register local layers within your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Flayers","2.directory-structure\u002F1.layers",{"title":194,"description":195,"path":196,"stem":197},"modules","Use the modules\u002F directory to automatically register local modules within your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fmodules","2.directory-structure\u002F1.modules",{"title":199,"description":200,"path":201,"stem":202},"node_modules","The package manager stores the dependencies of your project in the node_modules\u002F directory.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fnode_modules","2.directory-structure\u002F1.node_modules",{"title":204,"description":205,"path":206,"stem":207},"public","The public\u002F directory is used to serve your website's static assets.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fpublic","2.directory-structure\u002F1.public",{"title":209,"description":210,"path":211,"stem":212},"server","The server\u002F directory is used to register API and server handlers to your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fserver","2.directory-structure\u002F1.server",{"title":214,"description":215,"path":216,"stem":217},"shared","Use the shared\u002F directory to share functionality between the Vue app and the Nitro server.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fshared","2.directory-structure\u002F1.shared",{"title":219,"description":220,"path":221,"stem":222},"test","Use the test\u002F directory to organize unit, Nuxt, and end-to-end tests for your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Ftest","2.directory-structure\u002F1.test",{"title":224,"description":225,"path":226,"stem":227},".env","A .env file specifies your build\u002Fdev-time environment variables.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fenv","2.directory-structure\u002F2.env",{"title":229,"description":230,"path":231,"stem":232},".gitignore","A .gitignore file specifies intentionally untracked files that git should ignore.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fgitignore","2.directory-structure\u002F2.gitignore",{"title":234,"description":235,"path":236,"stem":237},".nuxtignore","The .nuxtignore file lets Nuxt ignore files in your project’s root directory during the build phase.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fnuxtignore","2.directory-structure\u002F2.nuxtignore",{"title":239,"description":240,"path":241,"stem":242},".nuxtrc","The .nuxtrc file allows you to define nuxt configurations in a flat syntax.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fnuxtrc","2.directory-structure\u002F2.nuxtrc",{"title":244,"description":245,"path":246,"stem":247},"nuxt.config.ts","Nuxt can be easily configured with a single nuxt.config file.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fnuxt-config","2.directory-structure\u002F3.nuxt-config",{"title":249,"description":250,"path":251,"stem":252},"package.json","The package.json file contains all the dependencies and scripts for your application.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Fpackage","2.directory-structure\u002F3.package",{"title":254,"description":255,"path":256,"stem":257},"tsconfig.json","Learn how Nuxt manages TypeScript configuration across different parts of your project.","\u002Fdocs\u002F5.x\u002Fdirectory-structure\u002Ftsconfig","2.directory-structure\u002F3.tsconfig",{"title":259,"icon":260,"path":261,"stem":262,"children":263,"page":106},"Guide","i-lucide-book-open","\u002Fdocs\u002F5.x\u002Fguide","3.guide\u002F1.concepts\u002F1.rendering",[264,309,340,356,402,433],{"title":265,"titleTemplate":266,"icon":267,"path":268,"stem":262,"children":269,"page":106},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts",[270,274,279,284,289,294,299,304],{"title":271,"description":272,"path":273,"stem":262},"Rendering Modes","Learn about the different rendering modes available in Nuxt.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Frendering",{"title":275,"description":276,"path":277,"stem":278},"Nuxt Lifecycle","Understanding the lifecycle of Nuxt applications can help you gain deeper insights into how the framework operates, especially for both server-side and client-side rendering.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Fnuxt-lifecycle","3.guide\u002F1.concepts\u002F2.nuxt-lifecycle",{"title":280,"description":281,"path":282,"stem":283},"Auto-imports","Nuxt auto-imports components, composables, helper functions and Vue APIs.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Fauto-imports","3.guide\u002F1.concepts\u002F3.auto-imports",{"title":285,"description":286,"path":287,"stem":288},"Server Engine","Nuxt is powered by a new server engine: Nitro.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Fserver-engine","3.guide\u002F1.concepts\u002F4.server-engine",{"title":290,"description":291,"path":292,"stem":293},"Modules","Nuxt provides a module system to extend the framework core and simplify integrations.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Fmodules","3.guide\u002F1.concepts\u002F5.modules",{"title":295,"description":296,"path":297,"stem":298},"Server Components","Render individual components on the server only, keeping their JavaScript out of your client bundle.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Fserver-components","3.guide\u002F1.concepts\u002F6.server-components",{"title":300,"description":301,"path":302,"stem":303},"TypeScript","Nuxt is fully typed and provides helpful shortcuts to ensure you have access to accurate type information when you are coding.","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Ftypescript","3.guide\u002F1.concepts\u002F8.typescript",{"title":305,"description":306,"path":307,"stem":308},"Code Style","Nuxt supports ESLint out of the box","\u002Fdocs\u002F5.x\u002Fguide\u002Fconcepts\u002Fcode-style","3.guide\u002F1.concepts\u002F9.code-style",{"title":310,"titleTemplate":311,"icon":312,"path":313,"stem":314,"children":315,"page":106},"Best Practices","%s · Best Practices","i-lucide-square-check","\u002Fdocs\u002F5.x\u002Fguide\u002Fbest-practices","3.guide\u002F2.best-practices\u002Faccessibility",[316,320,325,330,335],{"title":317,"description":318,"path":319,"stem":314},"Nuxt accessibility","Best practices for accessibility in Nuxt apps.","\u002Fdocs\u002F5.x\u002Fguide\u002Fbest-practices\u002Faccessibility",{"title":321,"description":322,"path":323,"stem":324},"Dev Containers","Set up or open a Nuxt project in a dev container for a consistent development environment.","\u002Fdocs\u002F5.x\u002Fguide\u002Fbest-practices\u002Fdevcontainers","3.guide\u002F2.best-practices\u002Fdevcontainers",{"title":326,"description":327,"path":328,"stem":329},"Nuxt and Hydration","Why fixing hydration issues is important","\u002Fdocs\u002F5.x\u002Fguide\u002Fbest-practices\u002Fhydration","3.guide\u002F2.best-practices\u002Fhydration",{"title":331,"description":332,"path":333,"stem":334},"Nuxt performance","Best practices for improving performance of Nuxt apps.","\u002Fdocs\u002F5.x\u002Fguide\u002Fbest-practices\u002Fperformance","3.guide\u002F2.best-practices\u002Fperformance",{"title":336,"description":337,"path":338,"stem":339},"Nuxt Plugins","Best practices when using Nuxt plugins.","\u002Fdocs\u002F5.x\u002Fguide\u002Fbest-practices\u002Fplugins","3.guide\u002F2.best-practices\u002Fplugins",{"title":341,"titleTemplate":342,"icon":343,"path":344,"stem":345,"children":346,"page":106},"Working with AI","Working with AI: %s","i-lucide-bot","\u002Fdocs\u002F5.x\u002Fguide\u002Fai","3.guide\u002F3.ai\u002F1.mcp",[347,351],{"title":348,"description":349,"path":350,"stem":345},"Nuxt MCP Server","Use Nuxt documentation in your AI assistants with Model Context Protocol support.","\u002Fdocs\u002F5.x\u002Fguide\u002Fai\u002Fmcp",{"title":352,"description":353,"path":354,"stem":355},"Nuxt LLMs.txt","How to get AI tools like Cursor, Windsurf, GitHub Copilot, ChatGPT, and Claude to understand Nuxt concepts, APIs, and best practices.","\u002Fdocs\u002F5.x\u002Fguide\u002Fai\u002Fllms-txt","3.guide\u002F3.ai\u002F2.llms-txt",{"title":357,"titleTemplate":358,"icon":359,"path":360,"stem":361,"children":362,"page":106},"Module Author Guide","%s · Nuxt Modules Author Guide","i-lucide-box","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules","3.guide\u002F4.modules\u002F1.getting-started",[363,367,372,377,382,387,392,397],{"title":364,"description":365,"path":366,"stem":361},"Create Your First Module","Learn how to create your first Nuxt module using the official starter template.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Fgetting-started",{"title":368,"description":369,"path":370,"stem":371},"Understand Module Structure","Learn how Nuxt modules are structured and how to define them.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Fmodule-anatomy","3.guide\u002F4.modules\u002F2.module-anatomy",{"title":373,"description":374,"path":375,"stem":376},"Add Plugins, Components & More","Learn how to inject plugins, components, composables and server routes from your module.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Frecipes-basics","3.guide\u002F4.modules\u002F3.recipes-basics",{"title":378,"description":379,"path":380,"stem":381},"Module Dependencies","Declare dependencies on other modules with version constraints and configuration merging.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Fmodule-dependencies","3.guide\u002F4.modules\u002F4.module-dependencies",{"title":383,"description":384,"path":385,"stem":386},"Use Hooks & Extend Types","Master lifecycle hooks, virtual files and TypeScript declarations in your modules.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Frecipes-advanced","3.guide\u002F4.modules\u002F5.recipes-advanced",{"title":388,"description":389,"path":390,"stem":391},"Test Your Module","Learn how to test your Nuxt module with unit, integration and E2E tests.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Ftesting","3.guide\u002F4.modules\u002F6.testing",{"title":393,"description":394,"path":395,"stem":396},"Follow Best Practices","Build performant and maintainable Nuxt modules with these guidelines.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Fbest-practices","3.guide\u002F4.modules\u002F7.best-practices",{"title":398,"description":399,"path":400,"stem":401},"Publish & Share Your Module","Join the Nuxt module ecosystem and publish your module to npm.","\u002Fdocs\u002F5.x\u002Fguide\u002Fmodules\u002Fecosystem","3.guide\u002F4.modules\u002F8.ecosystem",{"title":403,"titleTemplate":404,"icon":405,"path":406,"stem":407,"children":408,"page":106},"Recipes","%s · Recipes","i-lucide-cooking-pot","\u002Fdocs\u002F5.x\u002Fguide\u002Frecipes","3.guide\u002F5.recipes\u002F1.custom-routing",[409,413,418,423,428],{"title":410,"description":411,"path":412,"stem":407},"Custom Routing","In Nuxt, your routing is defined by the structure of your files inside the pages directory. However, since it uses vue-router under the hood, Nuxt offers you several ways to add custom routes in your project.","\u002Fdocs\u002F5.x\u002Fguide\u002Frecipes\u002Fcustom-routing",{"title":414,"description":415,"path":416,"stem":417},"Using Vite Plugins in Nuxt","Learn how to integrate Vite plugins into your Nuxt project.","\u002Fdocs\u002F5.x\u002Fguide\u002Frecipes\u002Fvite-plugin","3.guide\u002F5.recipes\u002F2.vite-plugin",{"title":419,"description":420,"path":421,"stem":422},"Custom useFetch in Nuxt","How to create a custom fetcher for calling your external API in Nuxt.","\u002Fdocs\u002F5.x\u002Fguide\u002Frecipes\u002Fcustom-usefetch","3.guide\u002F5.recipes\u002F3.custom-usefetch",{"title":424,"description":425,"path":426,"stem":427},"Sessions and Authentication","Authentication is an extremely common requirement in web apps. This recipe will show you how to implement basic user registration and authentication in your Nuxt app.","\u002Fdocs\u002F5.x\u002Fguide\u002Frecipes\u002Fsessions-and-authentication","3.guide\u002F5.recipes\u002F4.sessions-and-authentication",{"title":429,"description":430,"path":431,"stem":432},"Mostly-Static Sites","Ship near-zero JavaScript for content and marketing sites while keeping islands of interactivity.","\u002Fdocs\u002F5.x\u002Fguide\u002Frecipes\u002Fmostly-static-sites","3.guide\u002F5.recipes\u002F5.mostly-static-sites",{"title":434,"titleTemplate":435,"icon":436,"path":437,"stem":438,"children":439,"page":106},"Going Further","%s · Nuxt Advanced","i-lucide-star","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further","3.guide\u002F6.going-further\u002F1.events",[440,444,449,454,459,464,469,473,478,483,488],{"title":441,"description":442,"path":443,"stem":438},"Creating Custom Events","Nuxt provides a powerful event system powered by hookable.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fevents",{"title":445,"description":446,"path":447,"stem":448},"Experimental Features","Enable Nuxt experimental features to unlock new possibilities.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fexperimental-features","3.guide\u002F6.going-further\u002F1.experimental-features",{"title":450,"description":451,"path":452,"stem":453},"Features","Enable or disable optional Nuxt features to unlock new possibilities.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Ffeatures","3.guide\u002F6.going-further\u002F1.features",{"title":455,"description":456,"path":457,"stem":458},"Lifecycle Hooks","Nuxt provides a powerful hooking system to expand almost every aspect using hooks.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fhooks","3.guide\u002F6.going-further\u002F2.hooks",{"title":460,"description":461,"path":462,"stem":463},"Nuxt Kit","@nuxt\u002Fkit provides features for module authors.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fkit","3.guide\u002F6.going-further\u002F4.kit",{"title":465,"description":466,"path":467,"stem":468},"NuxtApp","In Nuxt, you can access runtime app context within composables, components and plugins.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fnuxt-app","3.guide\u002F6.going-further\u002F6.nuxt-app",{"title":470,"description":83,"path":471,"stem":472},"Authoring Nuxt Layers","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Flayers","3.guide\u002F6.going-further\u002F7.layers",{"title":474,"description":475,"path":476,"stem":477},"Creating a Builder","Learn how Nuxt builders work and how to author your own.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fbuilders","3.guide\u002F6.going-further\u002F8.builders",{"title":479,"description":480,"path":481,"stem":482},"Debugging","In Nuxt, you can get started with debugging your application directly in the browser as well as in your IDE.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fdebugging","3.guide\u002F6.going-further\u002F9.debugging",{"title":484,"description":485,"path":486,"stem":487},"Runtime Config","Nuxt provides a runtime config API to expose configuration and secrets within your application.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fruntime-config","3.guide\u002F6.going-further\u002F10.runtime-config",{"title":489,"description":490,"path":491,"stem":492},"Nightly Release Channel","The nightly release channel allows using Nuxt built directly from the latest commits to the repository.","\u002Fdocs\u002F5.x\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel","3.guide\u002F6.going-further\u002F11.nightly-release-channel",{"title":494,"titleTemplate":495,"icon":496,"path":497,"stem":498,"children":499,"page":106},"API","%s · Nuxt API","i-lucide-code-xml","\u002Fdocs\u002F5.x\u002Fapi","4.api\u002F1.components\u002F1.client-only",[500,584,755,905,999,1012],{"title":501,"titleTemplate":502,"icon":359,"path":503,"stem":498,"children":504,"page":106},"Components","%s · Nuxt Components","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents",[505,509,514,519,524,529,534,539,544,549,554,559,564,569,574,579],{"title":506,"description":507,"path":508,"stem":498},"\u003CClientOnly>","Render components only in client-side with the \u003CClientOnly> component.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fclient-only",{"title":510,"description":511,"path":512,"stem":513},"\u003CDevOnly>","Render components only during development with the \u003CDevOnly> component.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fdev-only","4.api\u002F1.components\u002F1.dev-only",{"title":515,"description":516,"path":517,"stem":518},"\u003CNuxtClientFallback>","Nuxt provides the \u003CNuxtClientFallback> component to render its content on the client if any of its children trigger an error in SSR","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-client-fallback","4.api\u002F1.components\u002F1.nuxt-client-fallback",{"title":520,"description":521,"path":522,"stem":523},"\u003CNuxtPage>","The \u003CNuxtPage> component is required to display pages located in the pages\u002F directory.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-page","4.api\u002F1.components\u002F2.nuxt-page",{"title":525,"description":526,"path":527,"stem":528},"\u003CNuxtLayout>","Nuxt provides the \u003CNuxtLayout> component to show layouts on pages and error pages.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-layout","4.api\u002F1.components\u002F3.nuxt-layout",{"title":530,"description":531,"path":532,"stem":533},"\u003CNuxtLink>","Nuxt provides \u003CNuxtLink> component to handle any kind of links within your application.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-link","4.api\u002F1.components\u002F4.nuxt-link",{"title":535,"description":536,"path":537,"stem":538},"\u003CNuxtLoadingIndicator>","Display a progress bar between page navigations.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-loading-indicator","4.api\u002F1.components\u002F5.nuxt-loading-indicator",{"title":540,"description":541,"path":542,"stem":543},"\u003CNuxtErrorBoundary>","The \u003CNuxtErrorBoundary> component handles client-side errors happening in its default slot.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-error-boundary","4.api\u002F1.components\u002F6.nuxt-error-boundary",{"title":545,"description":546,"path":547,"stem":548},"\u003CNuxtWelcome>","The \u003CNuxtWelcome> component greets users in new projects made from the starter template.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-welcome","4.api\u002F1.components\u002F7.nuxt-welcome",{"title":550,"description":551,"path":552,"stem":553},"\u003CNuxtIsland>","Nuxt provides the \u003CNuxtIsland> component to render a non-interactive component without any client JS.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-island","4.api\u002F1.components\u002F8.nuxt-island",{"title":555,"description":556,"path":557,"stem":558},"\u003CNuxtImg>","Nuxt provides a \u003CNuxtImg> component to handle automatic image optimization.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-img","4.api\u002F1.components\u002F9.nuxt-img",{"title":560,"description":561,"path":562,"stem":563},"\u003CNuxtPicture>","Nuxt provides a \u003CNuxtPicture> component to handle automatic image optimization.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-picture","4.api\u002F1.components\u002F10.nuxt-picture",{"title":565,"description":566,"path":567,"stem":568},"\u003CTeleport>","The \u003CTeleport> component teleports a component to a different location in the DOM.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fteleports","4.api\u002F1.components\u002F11.teleports",{"title":570,"description":571,"path":572,"stem":573},"\u003CNuxtRouteAnnouncer>","The \u003CNuxtRouteAnnouncer> component adds a hidden element with the page title to announce route changes to assistive technologies.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-route-announcer","4.api\u002F1.components\u002F12.nuxt-route-announcer",{"title":575,"description":576,"path":577,"stem":578},"\u003CNuxtTime>","The \u003CNuxtTime> component displays time in a locale-friendly format with server-client consistency.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-time","4.api\u002F1.components\u002F13.nuxt-time",{"title":580,"description":581,"path":582,"stem":583},"\u003CNuxtAnnouncer>","The \u003CNuxtAnnouncer> component adds a hidden element to announce dynamic content changes to assistive technologies.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomponents\u002Fnuxt-announcer","4.api\u002F1.components\u002F14.nuxt-announcer",{"title":585,"titleTemplate":586,"icon":587,"path":588,"stem":589,"children":590,"page":106},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables","4.api\u002F2.composables\u002Fcreate-use-async-data",[591,595,600,605,610,615,620,625,630,635,640,645,650,655,660,665,670,675,680,685,690,695,700,705,710,715,720,725,730,735,740,745,750],{"title":592,"description":593,"path":594,"stem":589},"createUseAsyncData","A factory function to create a custom useAsyncData composable with pre-defined default options.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fcreate-use-async-data",{"title":596,"description":597,"path":598,"stem":599},"createUseFetch","A factory function to create a custom useFetch composable with pre-defined default options.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fcreate-use-fetch","4.api\u002F2.composables\u002Fcreate-use-fetch",{"title":601,"description":602,"path":603,"stem":604},"onPrehydrate","Use onPrehydrate to run a callback on the client immediately before Nuxt hydrates the page.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fon-prehydrate","4.api\u002F2.composables\u002Fon-prehydrate",{"title":606,"description":607,"path":608,"stem":609},"useAnnouncer","A composable for announcing messages to screen readers.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-announcer","4.api\u002F2.composables\u002Fuse-announcer",{"title":611,"description":612,"path":613,"stem":614},"useAppConfig","Access the reactive app config defined in the project.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-app-config","4.api\u002F2.composables\u002Fuse-app-config",{"title":616,"description":617,"path":618,"stem":619},"useAsyncData","useAsyncData provides access to data that resolves asynchronously in an SSR-friendly composable.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-async-data","4.api\u002F2.composables\u002Fuse-async-data",{"title":621,"description":622,"path":623,"stem":624},"useCookie","useCookie is an SSR-friendly composable to read and write cookies.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-cookie","4.api\u002F2.composables\u002Fuse-cookie",{"title":626,"description":627,"path":628,"stem":629},"useError","useError composable returns the global Nuxt error that is being handled.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-error","4.api\u002F2.composables\u002Fuse-error",{"title":631,"description":632,"path":633,"stem":634},"useFetch","Fetch data from an API endpoint with an SSR-friendly composable.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-fetch","4.api\u002F2.composables\u002Fuse-fetch",{"title":636,"description":637,"path":638,"stem":639},"useHead","useHead customizes the head properties of individual pages of your Nuxt app.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-head","4.api\u002F2.composables\u002Fuse-head",{"title":641,"description":642,"path":643,"stem":644},"useHeadSafe","The recommended way to provide head data with user input.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-head-safe","4.api\u002F2.composables\u002Fuse-head-safe",{"title":646,"description":647,"path":648,"stem":649},"useHydration","Allows full control of the hydration cycle to set and receive data from the server.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-hydration","4.api\u002F2.composables\u002Fuse-hydration",{"title":651,"description":652,"path":653,"stem":654},"useLayout","useLayout returns the layout resolved for the current route.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-layout","4.api\u002F2.composables\u002Fuse-layout",{"title":656,"description":657,"path":658,"stem":659},"useLazyAsyncData","This wrapper around useAsyncData triggers navigation immediately.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-lazy-async-data","4.api\u002F2.composables\u002Fuse-lazy-async-data",{"title":661,"description":662,"path":663,"stem":664},"useLazyFetch","This wrapper around useFetch triggers navigation immediately.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-lazy-fetch","4.api\u002F2.composables\u002Fuse-lazy-fetch",{"title":666,"description":667,"path":668,"stem":669},"useLoadingIndicator","This composable gives you access to the loading state of the app page.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-loading-indicator","4.api\u002F2.composables\u002Fuse-loading-indicator",{"title":671,"description":672,"path":673,"stem":674},"useNuxtApp","Access the shared runtime context of the Nuxt Application.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-nuxt-app","4.api\u002F2.composables\u002Fuse-nuxt-app",{"title":676,"description":677,"path":678,"stem":679},"useNuxtData","Access the current cached value of data fetching composables.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-nuxt-data","4.api\u002F2.composables\u002Fuse-nuxt-data",{"title":681,"description":682,"path":683,"stem":684},"usePreviewMode","Use usePreviewMode to check and control preview mode in Nuxt","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-preview-mode","4.api\u002F2.composables\u002Fuse-preview-mode",{"title":686,"description":687,"path":688,"stem":689},"useRequestEvent","Access the incoming request event with the useRequestEvent composable.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-request-event","4.api\u002F2.composables\u002Fuse-request-event",{"title":691,"description":692,"path":693,"stem":694},"useRequestFetch","Forward the request context and headers for server-side fetch requests with the useRequestFetch composable.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-request-fetch","4.api\u002F2.composables\u002Fuse-request-fetch",{"title":696,"description":697,"path":698,"stem":699},"useRequestHeader","Use useRequestHeader to access a certain incoming request header.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-request-header","4.api\u002F2.composables\u002Fuse-request-header",{"title":701,"description":702,"path":703,"stem":704},"useRequestHeaders","Use useRequestHeaders to access the incoming request headers.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-request-headers","4.api\u002F2.composables\u002Fuse-request-headers",{"title":706,"description":707,"path":708,"stem":709},"useRequestURL","Access the incoming request URL with the useRequestURL composable.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-request-url","4.api\u002F2.composables\u002Fuse-request-url",{"title":711,"description":712,"path":713,"stem":714},"useResponseHeader","Use useResponseHeader to set a server response header.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-response-header","4.api\u002F2.composables\u002Fuse-response-header",{"title":716,"description":717,"path":718,"stem":719},"useRoute","The useRoute composable returns the current route.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-route","4.api\u002F2.composables\u002Fuse-route",{"title":721,"description":722,"path":723,"stem":724},"useRouteAnnouncer","This composable observes the page title changes and updates the announcer message accordingly.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-route-announcer","4.api\u002F2.composables\u002Fuse-route-announcer",{"title":726,"description":727,"path":728,"stem":729},"useRouter","The useRouter composable returns the router instance.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-router","4.api\u002F2.composables\u002Fuse-router",{"title":731,"description":732,"path":733,"stem":734},"useRuntimeConfig","Access runtime config variables with the useRuntimeConfig composable.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-runtime-config","4.api\u002F2.composables\u002Fuse-runtime-config",{"title":736,"description":737,"path":738,"stem":739},"useRuntimeHook","Registers a runtime hook in a Nuxt application and ensures it is properly disposed of when the scope is destroyed.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-runtime-hook","4.api\u002F2.composables\u002Fuse-runtime-hook",{"title":741,"description":742,"path":743,"stem":744},"useSeoMeta","The useSeoMeta composable lets you define your site's SEO meta tags as a flat object with full TypeScript support.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-seo-meta","4.api\u002F2.composables\u002Fuse-seo-meta",{"title":746,"description":747,"path":748,"stem":749},"useServerSeoMeta","The useServerSeoMeta composable lets you define your site's SEO meta tags as a flat object with full TypeScript support.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-server-seo-meta","4.api\u002F2.composables\u002Fuse-server-seo-meta",{"title":751,"description":752,"path":753,"stem":754},"useState","The useState composable creates a reactive and SSR-friendly shared state.","\u002Fdocs\u002F5.x\u002Fapi\u002Fcomposables\u002Fuse-state","4.api\u002F2.composables\u002Fuse-state",{"title":756,"titleTemplate":757,"path":758,"stem":759,"children":760,"page":106},"Utils","%s · Nuxt Utils","\u002Fdocs\u002F5.x\u002Fapi\u002Futils","4.api\u002F3.utils\u002F$fetch",[761,765,770,775,780,785,790,795,800,805,810,815,820,825,830,835,840,845,850,855,860,865,870,875,880,885,890,895,900],{"title":762,"description":763,"path":764,"stem":759},"$fetch","Nuxt uses ofetch to expose globally the $fetch helper for making HTTP requests.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdollarfetch",{"title":766,"description":767,"path":768,"stem":769},"abortNavigation","abortNavigation is a helper function that prevents navigation from taking place and throws an error if one is set as a parameter.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fabort-navigation","4.api\u002F3.utils\u002Fabort-navigation",{"title":771,"description":772,"path":773,"stem":774},"addRouteMiddleware","addRouteMiddleware() is a helper function to dynamically add middleware in your application.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fadd-route-middleware","4.api\u002F3.utils\u002Fadd-route-middleware",{"title":776,"description":777,"path":778,"stem":779},"callOnce","Run a given function or block of code once during SSR or CSR.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fcall-once","4.api\u002F3.utils\u002Fcall-once",{"title":781,"description":782,"path":783,"stem":784},"clearError","The clearError composable clears all handled errors.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fclear-error","4.api\u002F3.utils\u002Fclear-error",{"title":786,"description":787,"path":788,"stem":789},"clearNuxtData","Delete cached data, error status and pending promises of useAsyncData and useFetch.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fclear-nuxt-data","4.api\u002F3.utils\u002Fclear-nuxt-data",{"title":791,"description":792,"path":793,"stem":794},"clearNuxtState","Delete the cached state of useState.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fclear-nuxt-state","4.api\u002F3.utils\u002Fclear-nuxt-state",{"title":796,"description":797,"path":798,"stem":799},"createError","Create an error object with additional metadata.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fcreate-error","4.api\u002F3.utils\u002Fcreate-error",{"title":801,"description":802,"path":803,"stem":804},"defineLazyHydrationComponent","Define a lazy hydration component with a specific strategy.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdefine-lazy-hydration-component","4.api\u002F3.utils\u002Fdefine-lazy-hydration-component",{"title":806,"description":807,"path":808,"stem":809},"defineNuxtComponent","defineNuxtComponent() is a helper function for defining type safe components with Options API.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdefine-nuxt-component","4.api\u002F3.utils\u002Fdefine-nuxt-component",{"title":811,"description":812,"path":813,"stem":814},"defineNuxtPlugin","defineNuxtPlugin() is a helper function for creating Nuxt plugins.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdefine-nuxt-plugin","4.api\u002F3.utils\u002Fdefine-nuxt-plugin",{"title":816,"description":817,"path":818,"stem":819},"defineNuxtRouteMiddleware","Create named route middleware using defineNuxtRouteMiddleware helper function.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdefine-nuxt-route-middleware","4.api\u002F3.utils\u002Fdefine-nuxt-route-middleware",{"title":821,"description":822,"path":823,"stem":824},"definePageMeta","Define metadata for your page components.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdefine-page-meta","4.api\u002F3.utils\u002Fdefine-page-meta",{"title":826,"description":827,"path":828,"stem":829},"defineRouteRules","Define route rules for hybrid rendering at the page level.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fdefine-route-rules","4.api\u002F3.utils\u002Fdefine-route-rules",{"title":831,"description":832,"path":833,"stem":834},"navigateTo","navigateTo is a helper function that programmatically navigates users.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fnavigate-to","4.api\u002F3.utils\u002Fnavigate-to",{"title":836,"description":837,"path":838,"stem":839},"onBeforeRouteLeave","The onBeforeRouteLeave composable allows registering a route guard within a component.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fon-before-route-leave","4.api\u002F3.utils\u002Fon-before-route-leave",{"title":841,"description":842,"path":843,"stem":844},"onBeforeRouteUpdate","The onBeforeRouteUpdate composable allows registering a route guard within a component.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fon-before-route-update","4.api\u002F3.utils\u002Fon-before-route-update",{"title":846,"description":847,"path":848,"stem":849},"onNuxtReady","The onNuxtReady composable allows running a callback after your app has finished initializing.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fon-nuxt-ready","4.api\u002F3.utils\u002Fon-nuxt-ready",{"title":851,"description":852,"path":853,"stem":854},"prefetchComponents","Nuxt provides utilities to give you control over prefetching components.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fprefetch-components","4.api\u002F3.utils\u002Fprefetch-components",{"title":856,"description":857,"path":858,"stem":859},"preloadComponents","Nuxt provides utilities to give you control over preloading components.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fpreload-components","4.api\u002F3.utils\u002Fpreload-components",{"title":861,"description":862,"path":863,"stem":864},"preloadRouteComponents","preloadRouteComponents allows you to manually preload individual pages in your Nuxt app.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fpreload-route-components","4.api\u002F3.utils\u002Fpreload-route-components",{"title":866,"description":867,"path":868,"stem":869},"prerenderRoutes","prerenderRoutes hints to Nitro to prerender an additional route.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fprerender-routes","4.api\u002F3.utils\u002Fprerender-routes",{"title":871,"description":872,"path":873,"stem":874},"refreshCookie","Refresh useCookie values manually when a cookie has changed","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Frefresh-cookie","4.api\u002F3.utils\u002Frefresh-cookie",{"title":876,"description":877,"path":878,"stem":879},"refreshNuxtData","Refresh all or specific asyncData instances in Nuxt","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Frefresh-nuxt-data","4.api\u002F3.utils\u002Frefresh-nuxt-data",{"title":881,"description":882,"path":883,"stem":884},"reloadNuxtApp","reloadNuxtApp will perform a hard reload of the page.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Freload-nuxt-app","4.api\u002F3.utils\u002Freload-nuxt-app",{"title":886,"description":887,"path":888,"stem":889},"setPageLayout","setPageLayout allows you to dynamically change the layout of a page.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fset-page-layout","4.api\u002F3.utils\u002Fset-page-layout",{"title":891,"description":892,"path":893,"stem":894},"setResponseStatus","setResponseStatus sets the status (and optionally the statusText) of the response.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fset-response-status","4.api\u002F3.utils\u002Fset-response-status",{"title":896,"description":897,"path":898,"stem":899},"showError","Nuxt provides a quick and simple way to show a full screen error page if needed.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fshow-error","4.api\u002F3.utils\u002Fshow-error",{"title":901,"description":902,"path":903,"stem":904},"updateAppConfig","Update the App Config at runtime.","\u002Fdocs\u002F5.x\u002Fapi\u002Futils\u002Fupdate-app-config","4.api\u002F3.utils\u002Fupdate-app-config",{"title":460,"titleTemplate":906,"path":907,"stem":908,"children":909,"page":106},"%s · Nuxt Kit","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit","4.api\u002F5.kit\u002F1.modules",[910,913,918,923,927,931,936,941,946,951,956,960,965,970,975,980,985,990,995],{"title":290,"description":911,"path":912,"stem":908},"Nuxt Kit provides a set of utilities to help you create and use modules. You can use these utilities to create your own modules or to reuse existing modules.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fmodules",{"title":914,"description":915,"path":916,"stem":917},"Programmatic Usage","Nuxt Kit provides a set of utilities to help you work with Nuxt programmatically. These functions allow you to load Nuxt, build Nuxt, and load Nuxt configuration.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fprogrammatic","4.api\u002F5.kit\u002F2.programmatic",{"title":919,"description":920,"path":921,"stem":922},"Compatibility","Nuxt Kit provides a set of utilities to help you check the compatibility of your modules with different Nuxt versions.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fcompatibility","4.api\u002F5.kit\u002F3.compatibility",{"title":280,"description":924,"path":925,"stem":926},"Nuxt Kit provides a set of utilities to help you work with auto-imports. These functions allow you to register your own utils, composables and Vue APIs.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fautoimports","4.api\u002F5.kit\u002F4.autoimports",{"title":501,"description":928,"path":929,"stem":930},"Nuxt Kit provides a set of utilities to help you work with components. You can register components globally or locally, and also add directories to be scanned for components.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fcomponents","4.api\u002F5.kit\u002F5.components",{"title":932,"description":933,"path":934,"stem":935},"Context","Nuxt Kit provides a set of utilities to help you work with context.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fcontext","4.api\u002F5.kit\u002F6.context",{"title":937,"description":938,"path":939,"stem":940},"Pages","Nuxt Kit provides a set of utilities to help you create and use pages. You can use these utilities to manipulate the pages configuration or to define route rules.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fpages","4.api\u002F5.kit\u002F7.pages",{"title":942,"description":943,"path":944,"stem":945},"Layout","Nuxt Kit provides a set of utilities to help you work with layouts.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Flayout","4.api\u002F5.kit\u002F8.layout",{"title":947,"description":948,"path":949,"stem":950},"Head","Nuxt Kit provides utilities to help you manage head configuration in modules.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fhead","4.api\u002F5.kit\u002F9.head",{"title":952,"description":953,"path":954,"stem":955},"Plugins","Nuxt Kit provides a set of utilities to help you create and use plugins. You can add plugins or plugin templates to your module using these functions.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fplugins","4.api\u002F5.kit\u002F9.plugins",{"title":484,"description":957,"path":958,"stem":959},"Nuxt Kit provides a set of utilities to help you access and modify Nuxt runtime configuration.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fruntime-config","4.api\u002F5.kit\u002F10.runtime-config",{"title":961,"description":962,"path":963,"stem":964},"Templates","Nuxt Kit provides a set of utilities to help you work with templates. These functions allow you to generate extra files during development and build time.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Ftemplates","4.api\u002F5.kit\u002F10.templates",{"title":966,"description":967,"path":968,"stem":969},"App Config","Nuxt Kit provides a set of utilities to help you access and modify Nuxt app configuration.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fapp-config","4.api\u002F5.kit\u002F11.app-config",{"title":971,"description":972,"path":973,"stem":974},"Nitro","Nuxt Kit provides a set of utilities to help you work with Nitro. These functions allow you to add server handlers, plugins, and prerender routes.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fnitro","4.api\u002F5.kit\u002F12.nitro",{"title":976,"description":977,"path":978,"stem":979},"Resolving","Nuxt Kit provides utilities to resolve paths from the Nuxt root directory or a custom base.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fresolving","4.api\u002F5.kit\u002F13.resolving",{"title":981,"description":982,"path":983,"stem":984},"Logging","Nuxt Kit provides a set of utilities to help you work with logging. These functions allow you to log messages with extra features.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Flogging","4.api\u002F5.kit\u002F14.logging",{"title":986,"description":987,"path":988,"stem":989},"Builder","Nuxt Kit provides a set of utilities to help you work with the builder. These functions allow you to extend the Vite and webpack configurations.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fbuilder","4.api\u002F5.kit\u002F15.builder",{"title":991,"description":992,"path":993,"stem":994},"Examples","Examples of Nuxt Kit utilities in use.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Fexamples","4.api\u002F5.kit\u002F16.examples",{"title":82,"description":996,"path":997,"stem":998},"Nuxt Kit provides utilities to help you work with layers and their directory structures.","\u002Fdocs\u002F5.x\u002Fapi\u002Fkit\u002Flayers","4.api\u002F5.kit\u002F17.layers",{"icon":1000,"title":1001,"path":1002,"stem":1003,"children":1004,"page":106},"i-lucide-brain","Advanced","\u002Fdocs\u002F5.x\u002Fapi\u002Fadvanced","4.api\u002F6.advanced\u002F1.hooks",[1005,1007],{"title":455,"description":456,"path":1006,"stem":1003},"\u002Fdocs\u002F5.x\u002Fapi\u002Fadvanced\u002Fhooks",{"title":1008,"description":1009,"path":1010,"stem":1011},"Import meta","Understand where your code is running using `import.meta`.","\u002Fdocs\u002F5.x\u002Fapi\u002Fadvanced\u002Fimport-meta","4.api\u002F6.advanced\u002F2.import-meta",{"title":1013,"description":1014,"path":1015,"stem":1016},"Nuxt Configuration","Discover all the options you can use in your nuxt.config.ts file.","\u002Fdocs\u002F5.x\u002Fapi\u002Fnuxt-config","4.api\u002F6.nuxt-config",{"title":1018,"titleTemplate":1019,"icon":1020,"path":1021,"stem":1022,"children":1023,"page":106},"Community","%s · Nuxt Community","i-lucide-messages-square","\u002Fdocs\u002F5.x\u002Fcommunity","5.community\u002F2.getting-help",[1024,1029,1034,1039,1044,1049],{"title":1025,"description":1026,"path":1027,"stem":1022,"icon":1028},"Getting Help","We're a friendly community of developers and we'd love to help.","\u002Fdocs\u002F5.x\u002Fcommunity\u002Fgetting-help","i-lucide-life-buoy",{"title":1030,"description":1031,"path":1032,"stem":1033},"Reporting Bugs","One of the most valuable roles in open source is taking the time to report bugs helpfully.","\u002Fdocs\u002F5.x\u002Fcommunity\u002Freporting-bugs","5.community\u002F3.reporting-bugs",{"title":1035,"description":1036,"path":1037,"stem":1038},"Contribution","Nuxt is a community project - and so we love contributions of all kinds! ❤️","\u002Fdocs\u002F5.x\u002Fcommunity\u002Fcontribution","5.community\u002F4.contribution",{"title":1040,"description":1041,"path":1042,"stem":1043},"Framework","Some specific points about contributions to the framework repository.","\u002Fdocs\u002F5.x\u002Fcommunity\u002Fframework-contribution","5.community\u002F5.framework-contribution",{"title":1045,"description":1046,"path":1047,"stem":1048},"Roadmap","Nuxt is constantly evolving, with new features and modules being added all the time.","\u002Fdocs\u002F5.x\u002Fcommunity\u002Froadmap","5.community\u002F6.roadmap",{"title":1050,"description":1051,"path":1052,"stem":1053},"Releases","Discover the latest releases of Nuxt & Nuxt official modules.","\u002Fdocs\u002F5.x\u002Fcommunity\u002Fchangelog","5.community\u002F7.changelog",{"title":1055,"titleTemplate":1056,"icon":1057,"path":1058,"stem":1059,"children":1060,"page":106},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","\u002Fdocs\u002F5.x\u002Fbridge","6.bridge\u002F1.overview",[1061,1065,1069,1074,1079,1084,1089,1092,1096,1101],{"title":1062,"description":1063,"path":1064,"stem":1059},"Overview","Reduce the differences with Nuxt 3 and reduce the burden of migration to Nuxt 3.","\u002Fdocs\u002F5.x\u002Fbridge\u002Foverview",{"title":300,"description":1066,"path":1067,"stem":1068},"Learn how to use TypeScript with Nuxt Bridge.","\u002Fdocs\u002F5.x\u002Fbridge\u002Ftypescript","6.bridge\u002F2.typescript",{"title":1070,"description":1071,"path":1072,"stem":1073},"Legacy Composition API","Learn how to migrate to Composition API with Nuxt Bridge.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fbridge-composition-api","6.bridge\u002F3.bridge-composition-api",{"title":1075,"description":1076,"path":1077,"stem":1078},"Plugins and Middleware","Learn how to migrate from Nuxt 2 to Nuxt Bridge new plugins and middleware.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fplugins-and-middleware","6.bridge\u002F4.plugins-and-middleware",{"title":1080,"description":1081,"path":1082,"stem":1083},"New Composition API","Nuxt Bridge implements composables compatible with Nuxt 3.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fnuxt3-compatible-api","6.bridge\u002F5.nuxt3-compatible-api",{"title":1085,"description":1086,"path":1087,"stem":1088},"Meta Tags","Learn how to migrate from Nuxt 2 to Nuxt Bridge new meta tags.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fmeta","6.bridge\u002F6.meta",{"title":484,"description":485,"path":1090,"stem":1091},"\u002Fdocs\u002F5.x\u002Fbridge\u002Fruntime-config","6.bridge\u002F7.runtime-config",{"title":971,"description":1093,"path":1094,"stem":1095},"Activate Nitro to your Nuxt 2 application with Nuxt Bridge.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fnitro","6.bridge\u002F8.nitro",{"title":1097,"description":1098,"path":1099,"stem":1100},"Vite","Activate Vite to your Nuxt 2 application with Nuxt Bridge.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fvite","6.bridge\u002F9.vite",{"title":27,"description":1102,"path":1103,"stem":1104},"Learn how to configure Nuxt Bridge to your own needs.","\u002Fdocs\u002F5.x\u002Fbridge\u002Fconfiguration","6.bridge\u002F10.configuration",{"title":1106,"titleTemplate":1107,"icon":1108,"path":1109,"stem":1110,"children":1111,"page":106},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","i-lucide-circle-arrow-up","\u002Fdocs\u002F5.x\u002Fmigration","7.migration\u002F1.overview",[1112,1115,1119,1124,1128,1132,1137,1142,1146,1151,1155],{"title":1062,"description":1113,"path":1114,"stem":1110},"Nuxt 3 is a complete rewrite of Nuxt 2, and also based on a new set of underlying technologies.","\u002Fdocs\u002F5.x\u002Fmigration\u002Foverview",{"title":27,"description":1116,"path":1117,"stem":1118},"Learn how to migrate from Nuxt 2 to Nuxt 3 new configuration.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fconfiguration","7.migration\u002F2.configuration",{"title":1120,"description":1121,"path":1122,"stem":1123},"Auto Imports","Nuxt 3 adopts a minimal friction approach, meaning wherever possible components and composables are auto-imported.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fauto-imports","7.migration\u002F3.auto-imports",{"title":1085,"description":1125,"path":1126,"stem":1127},"Manage your meta tags, from Nuxt 2 to Nuxt 3.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fmeta","7.migration\u002F4.meta",{"title":1075,"description":1129,"path":1130,"stem":1131},"Learn how to migrate from Nuxt 2 to Nuxt 3 plugins and middleware.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fplugins-and-middleware","7.migration\u002F5.plugins-and-middleware",{"title":1133,"description":1134,"path":1135,"stem":1136},"Pages and Layouts","Learn how to migrate from Nuxt 2 to Nuxt 3 pages and layouts.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fpages-and-layouts","7.migration\u002F6.pages-and-layouts",{"title":1138,"description":1139,"path":1140,"stem":1141},"Component Options","Learn how to migrate from Nuxt 2 components options to Nuxt 3 composables.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fcomponent-options","7.migration\u002F7.component-options",{"title":484,"description":1143,"path":1144,"stem":1145},"Learn how to migrate from Nuxt 2 to Nuxt 3 runtime config.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fruntime-config","7.migration\u002F8.runtime-config",{"title":1147,"description":1148,"path":1149,"stem":1150},"Build Tooling","Learn how to migrate from Nuxt 2 to Nuxt 3 build tooling.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fbundling","7.migration\u002F10.bundling",{"title":77,"description":1152,"path":1153,"stem":1154},"Learn how to migrate from Nuxt 2 to Nuxt 3 server.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fserver","7.migration\u002F11.server",{"title":290,"description":1156,"path":1157,"stem":1158},"Learn how to migrate from Nuxt 2 to Nuxt 3 modules.","\u002Fdocs\u002F5.x\u002Fmigration\u002Fmodule-authors","7.migration\u002F20.module-authors",{"title":5,"icon":6,"path":1160,"stem":8,"children":1161,"page":106},"\u002Fdocs\u002F3.x",[1162,1201,1269,1359,1658,1673,1696],{"title":11,"titleTemplate":12,"icon":13,"path":1163,"stem":8,"children":1164,"page":106},"\u002Fdocs\u002F3.x\u002Fgetting-started",[1165,1167,1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199],{"title":17,"description":18,"path":1166,"stem":8,"icon":20},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fintroduction",{"title":22,"description":23,"path":1168,"stem":25},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Finstallation",{"title":27,"description":28,"path":1170,"stem":30},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fconfiguration",{"title":32,"description":33,"path":1172,"stem":35},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fviews",{"title":37,"description":38,"path":1174,"stem":40},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fassets",{"title":42,"description":43,"path":1176,"stem":45},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fstyling",{"title":47,"description":48,"path":1178,"stem":50},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Frouting",{"title":52,"description":53,"path":1180,"stem":55},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fseo-meta",{"title":57,"description":58,"path":1182,"stem":60},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Ftransitions",{"title":62,"description":63,"path":1184,"stem":65},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fdata-fetching",{"title":67,"description":68,"path":1186,"stem":70},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fstate-management",{"title":72,"description":73,"path":1188,"stem":75},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Ferror-handling",{"title":77,"description":78,"path":1190,"stem":80},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fserver",{"title":82,"description":83,"path":1192,"stem":85},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Flayers",{"title":87,"description":88,"path":1194,"stem":90},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fprerendering",{"title":92,"description":93,"path":1196,"stem":95},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fdeployment",{"title":97,"description":98,"path":1198,"stem":100},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Ftesting",{"title":102,"description":103,"path":1200,"stem":105},"\u002Fdocs\u002F3.x\u002Fgetting-started\u002Fupgrade",{"title":108,"titleTemplate":109,"icon":110,"path":1202,"stem":112,"children":1203,"page":106},"\u002Fdocs\u002F3.x\u002Fdirectory-structure",[1204,1206,1208,1211,1214,1217,1219,1221,1224,1227,1229,1231,1234,1237,1239,1241,1243,1246,1248,1250,1252,1254,1257,1260,1263,1265,1267],{"title":115,"description":116,"path":1205,"stem":112},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fnuxt",{"title":119,"description":120,"path":1207,"stem":122},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Foutput",{"title":130,"description":131,"path":1209,"stem":1210},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fassets","2.directory-structure\u002F1.assets",{"title":134,"description":135,"path":1212,"stem":1213},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fcomponents","2.directory-structure\u002F1.components",{"title":139,"description":140,"path":1215,"stem":1216},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fcomposables","2.directory-structure\u002F1.composables",{"title":184,"description":185,"path":1218,"stem":187},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fcontent",{"title":189,"description":190,"path":1220,"stem":192},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Flayers",{"title":144,"description":145,"path":1222,"stem":1223},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Flayouts","2.directory-structure\u002F1.layouts",{"title":149,"description":150,"path":1225,"stem":1226},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fmiddleware","2.directory-structure\u002F1.middleware",{"title":194,"description":195,"path":1228,"stem":197},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fmodules",{"title":199,"description":200,"path":1230,"stem":202},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fnode_modules",{"title":154,"description":155,"path":1232,"stem":1233},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fpages","2.directory-structure\u002F1.pages",{"title":159,"description":160,"path":1235,"stem":1236},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fplugins","2.directory-structure\u002F1.plugins",{"title":204,"description":205,"path":1238,"stem":207},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fpublic",{"title":209,"description":210,"path":1240,"stem":212},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fserver",{"title":214,"description":215,"path":1242,"stem":217},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fshared",{"title":164,"description":165,"path":1244,"stem":1245},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Futils","2.directory-structure\u002F1.utils",{"title":224,"description":225,"path":1247,"stem":227},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fenv",{"title":229,"description":230,"path":1249,"stem":232},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fgitignore",{"title":234,"description":235,"path":1251,"stem":237},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fnuxtignore",{"title":239,"description":240,"path":1253,"stem":242},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fnuxtrc",{"title":169,"description":170,"path":1255,"stem":1256},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fapp","2.directory-structure\u002F3.app",{"title":174,"description":175,"path":1258,"stem":1259},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fapp-config","2.directory-structure\u002F3.app-config",{"title":179,"description":180,"path":1261,"stem":1262},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Ferror","2.directory-structure\u002F3.error",{"title":244,"description":245,"path":1264,"stem":247},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fnuxt-config",{"title":249,"description":250,"path":1266,"stem":252},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Fpackage",{"title":254,"description":255,"path":1268,"stem":257},"\u002Fdocs\u002F3.x\u002Fdirectory-structure\u002Ftsconfig",{"title":259,"icon":260,"path":1270,"stem":262,"children":1271,"page":106},"\u002Fdocs\u002F3.x\u002Fguide",[1272,1289,1299,1306,1325,1336],{"title":265,"titleTemplate":266,"icon":267,"path":1273,"stem":262,"children":1274,"page":106},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts",[1275,1277,1279,1281,1283,1285,1287],{"title":271,"description":272,"path":1276,"stem":262},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Frendering",{"title":275,"description":276,"path":1278,"stem":278},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Fnuxt-lifecycle",{"title":280,"description":281,"path":1280,"stem":283},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Fauto-imports",{"title":285,"description":286,"path":1282,"stem":288},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Fserver-engine",{"title":290,"description":291,"path":1284,"stem":293},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Fmodules",{"title":300,"description":301,"path":1286,"stem":303},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Ftypescript",{"title":305,"description":306,"path":1288,"stem":308},"\u002Fdocs\u002F3.x\u002Fguide\u002Fconcepts\u002Fcode-style",{"title":310,"titleTemplate":311,"icon":312,"path":1290,"stem":329,"children":1291,"page":106},"\u002Fdocs\u002F3.x\u002Fguide\u002Fbest-practices",[1292,1295,1297],{"title":1293,"description":327,"path":1294,"stem":329},"Nuxt and hydration","\u002Fdocs\u002F3.x\u002Fguide\u002Fbest-practices\u002Fhydration",{"title":331,"description":332,"path":1296,"stem":334},"\u002Fdocs\u002F3.x\u002Fguide\u002Fbest-practices\u002Fperformance",{"title":336,"description":337,"path":1298,"stem":339},"\u002Fdocs\u002F3.x\u002Fguide\u002Fbest-practices\u002Fplugins",{"title":341,"titleTemplate":342,"icon":343,"path":1300,"stem":345,"children":1301,"page":106},"\u002Fdocs\u002F3.x\u002Fguide\u002Fai",[1302,1304],{"title":348,"description":349,"path":1303,"stem":345},"\u002Fdocs\u002F3.x\u002Fguide\u002Fai\u002Fmcp",{"title":352,"description":353,"path":1305,"stem":355},"\u002Fdocs\u002F3.x\u002Fguide\u002Fai\u002Fllms-txt",{"title":357,"titleTemplate":358,"icon":359,"path":1307,"stem":361,"children":1308,"page":106},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules",[1309,1311,1313,1315,1317,1319,1321,1323],{"title":364,"description":365,"path":1310,"stem":361},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Fgetting-started",{"title":368,"description":369,"path":1312,"stem":371},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Fmodule-anatomy",{"title":373,"description":374,"path":1314,"stem":376},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Frecipes-basics",{"title":378,"description":379,"path":1316,"stem":381},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Fmodule-dependencies",{"title":383,"description":384,"path":1318,"stem":386},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Frecipes-advanced",{"title":388,"description":389,"path":1320,"stem":391},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Ftesting",{"title":393,"description":394,"path":1322,"stem":396},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Fbest-practices",{"title":398,"description":399,"path":1324,"stem":401},"\u002Fdocs\u002F3.x\u002Fguide\u002Fmodules\u002Fecosystem",{"title":403,"titleTemplate":404,"icon":405,"path":1326,"stem":407,"children":1327,"page":106},"\u002Fdocs\u002F3.x\u002Fguide\u002Frecipes",[1328,1330,1332,1334],{"title":410,"description":411,"path":1329,"stem":407},"\u002Fdocs\u002F3.x\u002Fguide\u002Frecipes\u002Fcustom-routing",{"title":414,"description":415,"path":1331,"stem":417},"\u002Fdocs\u002F3.x\u002Fguide\u002Frecipes\u002Fvite-plugin",{"title":419,"description":420,"path":1333,"stem":422},"\u002Fdocs\u002F3.x\u002Fguide\u002Frecipes\u002Fcustom-usefetch",{"title":424,"description":425,"path":1335,"stem":427},"\u002Fdocs\u002F3.x\u002Fguide\u002Frecipes\u002Fsessions-and-authentication",{"title":434,"titleTemplate":435,"icon":436,"path":1337,"stem":438,"children":1338,"page":106},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further",[1339,1341,1343,1345,1347,1349,1351,1353,1355,1357],{"title":441,"description":442,"path":1340,"stem":438},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fevents",{"title":445,"description":446,"path":1342,"stem":448},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fexperimental-features",{"title":450,"description":451,"path":1344,"stem":453},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Ffeatures",{"title":455,"description":456,"path":1346,"stem":458},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fhooks",{"title":460,"description":461,"path":1348,"stem":463},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fkit",{"title":465,"description":466,"path":1350,"stem":468},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fnuxt-app",{"title":470,"description":83,"path":1352,"stem":472},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Flayers",{"title":479,"description":480,"path":1354,"stem":482},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fdebugging",{"title":484,"description":485,"path":1356,"stem":487},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fruntime-config",{"title":489,"description":490,"path":1358,"stem":492},"\u002Fdocs\u002F3.x\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel",{"title":494,"titleTemplate":495,"icon":496,"path":1360,"stem":498,"children":1361,"page":106},"\u002Fdocs\u002F3.x\u002Fapi",[1362,1395,1456,1517,1603,1649,1656],{"title":501,"titleTemplate":502,"icon":359,"path":1363,"stem":498,"children":1364,"page":106},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents",[1365,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393],{"title":506,"description":507,"path":1366,"stem":498},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fclient-only",{"title":510,"description":511,"path":1368,"stem":513},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fdev-only",{"title":515,"description":516,"path":1370,"stem":518},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-client-fallback",{"title":520,"description":521,"path":1372,"stem":523},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-page",{"title":525,"description":526,"path":1374,"stem":528},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-layout",{"title":530,"description":531,"path":1376,"stem":533},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-link",{"title":535,"description":536,"path":1378,"stem":538},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-loading-indicator",{"title":540,"description":541,"path":1380,"stem":543},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-error-boundary",{"title":545,"description":546,"path":1382,"stem":548},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-welcome",{"title":550,"description":551,"path":1384,"stem":553},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-island",{"title":555,"description":556,"path":1386,"stem":558},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-img",{"title":560,"description":561,"path":1388,"stem":563},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-picture",{"title":565,"description":566,"path":1390,"stem":568},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fteleports",{"title":570,"description":571,"path":1392,"stem":573},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-route-announcer",{"title":575,"description":576,"path":1394,"stem":578},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomponents\u002Fnuxt-time",{"title":585,"titleTemplate":586,"icon":587,"path":1396,"stem":604,"children":1397,"page":106},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables",[1398,1400,1402,1404,1406,1408,1410,1412,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434,1436,1438,1440,1442,1444,1446,1448,1450,1452,1454],{"title":601,"description":602,"path":1399,"stem":604},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fon-prehydrate",{"title":611,"description":612,"path":1401,"stem":614},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-app-config",{"title":616,"description":617,"path":1403,"stem":619},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-async-data",{"title":621,"description":622,"path":1405,"stem":624},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-cookie",{"title":626,"description":627,"path":1407,"stem":629},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-error",{"title":631,"description":632,"path":1409,"stem":634},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-fetch",{"title":636,"description":637,"path":1411,"stem":639},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-head",{"title":641,"description":642,"path":1413,"stem":644},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-head-safe",{"title":646,"description":647,"path":1415,"stem":649},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-hydration",{"title":656,"description":657,"path":1417,"stem":659},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-lazy-async-data",{"title":661,"description":662,"path":1419,"stem":664},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-lazy-fetch",{"title":666,"description":667,"path":1421,"stem":669},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-loading-indicator",{"title":671,"description":672,"path":1423,"stem":674},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-nuxt-app",{"title":676,"description":677,"path":1425,"stem":679},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-nuxt-data",{"title":681,"description":682,"path":1427,"stem":684},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-preview-mode",{"title":686,"description":687,"path":1429,"stem":689},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-request-event",{"title":691,"description":692,"path":1431,"stem":694},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-request-fetch",{"title":696,"description":697,"path":1433,"stem":699},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-request-header",{"title":701,"description":702,"path":1435,"stem":704},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-request-headers",{"title":706,"description":707,"path":1437,"stem":709},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-request-url",{"title":711,"description":712,"path":1439,"stem":714},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-response-header",{"title":716,"description":717,"path":1441,"stem":719},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-route",{"title":721,"description":722,"path":1443,"stem":724},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-route-announcer",{"title":726,"description":727,"path":1445,"stem":729},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-router",{"title":731,"description":732,"path":1447,"stem":734},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-runtime-config",{"title":736,"description":737,"path":1449,"stem":739},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-runtime-hook",{"title":741,"description":742,"path":1451,"stem":744},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-seo-meta",{"title":746,"description":747,"path":1453,"stem":749},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-server-seo-meta",{"title":751,"description":752,"path":1455,"stem":754},"\u002Fdocs\u002F3.x\u002Fapi\u002Fcomposables\u002Fuse-state",{"title":756,"titleTemplate":757,"path":1457,"stem":759,"children":1458,"page":106},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils",[1459,1461,1463,1465,1467,1469,1471,1473,1475,1477,1479,1481,1483,1485,1487,1489,1491,1493,1495,1497,1499,1501,1503,1505,1507,1509,1511,1513,1515],{"title":762,"description":763,"path":1460,"stem":759},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdollarfetch",{"title":766,"description":767,"path":1462,"stem":769},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fabort-navigation",{"title":771,"description":772,"path":1464,"stem":774},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fadd-route-middleware",{"title":776,"description":777,"path":1466,"stem":779},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fcall-once",{"title":781,"description":782,"path":1468,"stem":784},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fclear-error",{"title":786,"description":787,"path":1470,"stem":789},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fclear-nuxt-data",{"title":791,"description":792,"path":1472,"stem":794},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fclear-nuxt-state",{"title":796,"description":797,"path":1474,"stem":799},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fcreate-error",{"title":801,"description":802,"path":1476,"stem":804},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdefine-lazy-hydration-component",{"title":806,"description":807,"path":1478,"stem":809},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdefine-nuxt-component",{"title":811,"description":812,"path":1480,"stem":814},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdefine-nuxt-plugin",{"title":816,"description":817,"path":1482,"stem":819},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdefine-nuxt-route-middleware",{"title":821,"description":822,"path":1484,"stem":824},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdefine-page-meta",{"title":826,"description":827,"path":1486,"stem":829},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fdefine-route-rules",{"title":831,"description":832,"path":1488,"stem":834},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fnavigate-to",{"title":836,"description":837,"path":1490,"stem":839},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fon-before-route-leave",{"title":841,"description":842,"path":1492,"stem":844},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fon-before-route-update",{"title":846,"description":847,"path":1494,"stem":849},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fon-nuxt-ready",{"title":851,"description":852,"path":1496,"stem":854},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fprefetch-components",{"title":856,"description":857,"path":1498,"stem":859},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fpreload-components",{"title":861,"description":862,"path":1500,"stem":864},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fpreload-route-components",{"title":866,"description":867,"path":1502,"stem":869},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fprerender-routes",{"title":871,"description":872,"path":1504,"stem":874},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Frefresh-cookie",{"title":876,"description":877,"path":1506,"stem":879},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Frefresh-nuxt-data",{"title":881,"description":882,"path":1508,"stem":884},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Freload-nuxt-app",{"title":886,"description":887,"path":1510,"stem":889},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fset-page-layout",{"title":891,"description":892,"path":1512,"stem":894},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fset-response-status",{"title":896,"description":897,"path":1514,"stem":899},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fshow-error",{"title":901,"description":902,"path":1516,"stem":904},"\u002Fdocs\u002F3.x\u002Fapi\u002Futils\u002Fupdate-app-config",{"title":1518,"titleTemplate":1519,"icon":1520,"path":1521,"stem":1522,"children":1523,"page":106},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands","4.api\u002F4.commands\u002Fadd",[1524,1528,1533,1538,1543,1548,1553,1558,1563,1568,1573,1578,1583,1588,1593,1598],{"title":1525,"description":1526,"path":1527,"stem":1522},"nuxt add","Scaffold an entity into your Nuxt application.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fadd",{"title":1529,"description":1530,"path":1531,"stem":1532},"nuxt analyze","Analyze the production bundle or your Nuxt application.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fanalyze","4.api\u002F4.commands\u002Fanalyze",{"title":1534,"description":1535,"path":1536,"stem":1537},"nuxt build","Build your Nuxt application.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fbuild","4.api\u002F4.commands\u002Fbuild",{"title":1539,"description":1540,"path":1541,"stem":1542},"nuxt build-module","Nuxt command to build your Nuxt module before publishing.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fbuild-module","4.api\u002F4.commands\u002Fbuild-module",{"title":1544,"description":1545,"path":1546,"stem":1547},"nuxt cleanup","Remove common generated Nuxt files and caches.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fcleanup","4.api\u002F4.commands\u002Fcleanup",{"title":1549,"description":1550,"path":1551,"stem":1552},"nuxt dev","The dev command starts a development server with hot module replacement at http:\u002F\u002Flocalhost:3000","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fdev","4.api\u002F4.commands\u002Fdev",{"title":1554,"description":1555,"path":1556,"stem":1557},"nuxt devtools","The devtools command allows you to enable or disable Nuxt DevTools on a per-project basis.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fdevtools","4.api\u002F4.commands\u002Fdevtools",{"title":1559,"description":1560,"path":1561,"stem":1562},"nuxt generate","Pre-renders every route of the application and stores the result in plain HTML files.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fgenerate","4.api\u002F4.commands\u002Fgenerate",{"title":1564,"description":1565,"path":1566,"stem":1567},"nuxt info","The info command logs information about the current or specified Nuxt project.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Finfo","4.api\u002F4.commands\u002Finfo",{"title":1569,"description":1570,"path":1571,"stem":1572},"create nuxt","The init command initializes a fresh Nuxt project.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Finit","4.api\u002F4.commands\u002Finit",{"title":1574,"description":1575,"path":1576,"stem":1577},"nuxt module","Search and add modules to your Nuxt application with the command line.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fmodule","4.api\u002F4.commands\u002Fmodule",{"title":1579,"description":1580,"path":1581,"stem":1582},"nuxt prepare","The prepare command creates a .nuxt directory in your application and generates types.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fprepare","4.api\u002F4.commands\u002Fprepare",{"title":1584,"description":1585,"path":1586,"stem":1587},"nuxt preview","The preview command starts a server to preview your application after the build command.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fpreview","4.api\u002F4.commands\u002Fpreview",{"title":1589,"description":1590,"path":1591,"stem":1592},"nuxt test","The test command runs tests using @nuxt\u002Ftest-utils.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Ftest","4.api\u002F4.commands\u002Ftest",{"title":1594,"description":1595,"path":1596,"stem":1597},"nuxt typecheck","The typecheck command runs vue-tsc to check types throughout your app.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Ftypecheck","4.api\u002F4.commands\u002Ftypecheck",{"title":1599,"description":1600,"path":1601,"stem":1602},"nuxt upgrade","The upgrade command upgrades Nuxt to the latest version.","\u002Fdocs\u002F3.x\u002Fapi\u002Fcommands\u002Fupgrade","4.api\u002F4.commands\u002Fupgrade",{"title":460,"titleTemplate":906,"path":1604,"stem":908,"children":1605,"page":106},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit",[1606,1608,1610,1612,1614,1616,1618,1620,1622,1624,1626,1628,1630,1633,1637,1640,1643,1646],{"title":290,"description":911,"path":1607,"stem":908},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fmodules",{"title":914,"description":915,"path":1609,"stem":917},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fprogrammatic",{"title":919,"description":920,"path":1611,"stem":922},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fcompatibility",{"title":280,"description":924,"path":1613,"stem":926},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fautoimports",{"title":501,"description":928,"path":1615,"stem":930},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fcomponents",{"title":932,"description":933,"path":1617,"stem":935},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fcontext",{"title":937,"description":938,"path":1619,"stem":940},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fpages",{"title":942,"description":943,"path":1621,"stem":945},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Flayout",{"title":947,"description":948,"path":1623,"stem":950},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fhead",{"title":952,"description":953,"path":1625,"stem":955},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fplugins",{"title":484,"description":957,"path":1627,"stem":959},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fruntime-config",{"title":961,"description":962,"path":1629,"stem":964},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Ftemplates",{"title":971,"description":972,"path":1631,"stem":1632},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fnitro","4.api\u002F5.kit\u002F11.nitro",{"title":976,"description":1634,"path":1635,"stem":1636},"Nuxt Kit provides a set of utilities to help you resolve paths. These functions allow you to resolve paths relative to the current module, with unknown name or extension.","\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fresolving","4.api\u002F5.kit\u002F12.resolving",{"title":981,"description":982,"path":1638,"stem":1639},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Flogging","4.api\u002F5.kit\u002F13.logging",{"title":986,"description":987,"path":1641,"stem":1642},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fbuilder","4.api\u002F5.kit\u002F14.builder",{"title":991,"description":992,"path":1644,"stem":1645},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Fexamples","4.api\u002F5.kit\u002F15.examples",{"title":82,"description":996,"path":1647,"stem":1648},"\u002Fdocs\u002F3.x\u002Fapi\u002Fkit\u002Flayers","4.api\u002F5.kit\u002F16.layers",{"icon":1000,"title":1001,"path":1650,"stem":1003,"children":1651,"page":106},"\u002Fdocs\u002F3.x\u002Fapi\u002Fadvanced",[1652,1654],{"title":455,"description":456,"path":1653,"stem":1003},"\u002Fdocs\u002F3.x\u002Fapi\u002Fadvanced\u002Fhooks",{"title":1008,"description":1009,"path":1655,"stem":1011},"\u002Fdocs\u002F3.x\u002Fapi\u002Fadvanced\u002Fimport-meta",{"title":1013,"description":1014,"path":1657,"stem":1016},"\u002Fdocs\u002F3.x\u002Fapi\u002Fnuxt-config",{"title":1018,"titleTemplate":1019,"icon":1020,"path":1659,"stem":1022,"children":1660,"page":106},"\u002Fdocs\u002F3.x\u002Fcommunity",[1661,1663,1665,1667,1669,1671],{"title":1025,"description":1026,"path":1662,"stem":1022,"icon":1028},"\u002Fdocs\u002F3.x\u002Fcommunity\u002Fgetting-help",{"title":1030,"description":1031,"path":1664,"stem":1033},"\u002Fdocs\u002F3.x\u002Fcommunity\u002Freporting-bugs",{"title":1035,"description":1036,"path":1666,"stem":1038},"\u002Fdocs\u002F3.x\u002Fcommunity\u002Fcontribution",{"title":1040,"description":1041,"path":1668,"stem":1043},"\u002Fdocs\u002F3.x\u002Fcommunity\u002Fframework-contribution",{"title":1045,"description":1046,"path":1670,"stem":1048},"\u002Fdocs\u002F3.x\u002Fcommunity\u002Froadmap",{"title":1050,"description":1051,"path":1672,"stem":1053},"\u002Fdocs\u002F3.x\u002Fcommunity\u002Fchangelog",{"title":1055,"titleTemplate":1056,"icon":1057,"path":1674,"stem":1059,"children":1675,"page":106},"\u002Fdocs\u002F3.x\u002Fbridge",[1676,1678,1680,1682,1684,1686,1688,1690,1692,1694],{"title":1062,"description":1063,"path":1677,"stem":1059},"\u002Fdocs\u002F3.x\u002Fbridge\u002Foverview",{"title":300,"description":1066,"path":1679,"stem":1068},"\u002Fdocs\u002F3.x\u002Fbridge\u002Ftypescript",{"title":1070,"description":1071,"path":1681,"stem":1073},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fbridge-composition-api",{"title":1075,"description":1076,"path":1683,"stem":1078},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fplugins-and-middleware",{"title":1080,"description":1081,"path":1685,"stem":1083},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fnuxt3-compatible-api",{"title":1085,"description":1086,"path":1687,"stem":1088},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fmeta",{"title":484,"description":485,"path":1689,"stem":1091},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fruntime-config",{"title":971,"description":1093,"path":1691,"stem":1095},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fnitro",{"title":1097,"description":1098,"path":1693,"stem":1100},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fvite",{"title":27,"description":1102,"path":1695,"stem":1104},"\u002Fdocs\u002F3.x\u002Fbridge\u002Fconfiguration",{"title":1106,"titleTemplate":1107,"icon":1108,"path":1697,"stem":1110,"children":1698,"page":106},"\u002Fdocs\u002F3.x\u002Fmigration",[1699,1701,1703,1705,1707,1709,1711,1713,1715,1717,1719],{"title":1062,"description":1113,"path":1700,"stem":1110},"\u002Fdocs\u002F3.x\u002Fmigration\u002Foverview",{"title":27,"description":1116,"path":1702,"stem":1118},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fconfiguration",{"title":1120,"description":1121,"path":1704,"stem":1123},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fauto-imports",{"title":1085,"description":1125,"path":1706,"stem":1127},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fmeta",{"title":1075,"description":1129,"path":1708,"stem":1131},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fplugins-and-middleware",{"title":1133,"description":1134,"path":1710,"stem":1136},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fpages-and-layouts",{"title":1138,"description":1139,"path":1712,"stem":1141},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fcomponent-options",{"title":484,"description":1143,"path":1714,"stem":1145},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fruntime-config",{"title":1147,"description":1148,"path":1716,"stem":1150},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fbundling",{"title":77,"description":1152,"path":1718,"stem":1154},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fserver",{"title":290,"description":1156,"path":1720,"stem":1158},"\u002Fdocs\u002F3.x\u002Fmigration\u002Fmodule-authors",{"title":5,"icon":6,"path":1722,"stem":8,"children":1723,"page":106},"\u002Fdocs\u002F4.x",[1724,1763,1825,1924,2142,2157,2180],{"title":11,"titleTemplate":12,"icon":13,"path":1725,"stem":8,"children":1726,"page":106},"\u002Fdocs\u002F4.x\u002Fgetting-started",[1727,1729,1731,1733,1735,1737,1739,1741,1743,1745,1747,1749,1751,1753,1755,1757,1759,1761],{"title":17,"description":18,"path":1728,"stem":8,"icon":20},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fintroduction",{"title":22,"description":23,"path":1730,"stem":25},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Finstallation",{"title":27,"description":28,"path":1732,"stem":30},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fconfiguration",{"title":32,"description":33,"path":1734,"stem":35},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fviews",{"title":37,"description":38,"path":1736,"stem":40},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fassets",{"title":42,"description":43,"path":1738,"stem":45},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fstyling",{"title":47,"description":48,"path":1740,"stem":50},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Frouting",{"title":52,"description":53,"path":1742,"stem":55},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fseo-meta",{"title":57,"description":58,"path":1744,"stem":60},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Ftransitions",{"title":62,"description":63,"path":1746,"stem":65},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fdata-fetching",{"title":67,"description":68,"path":1748,"stem":70},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fstate-management",{"title":72,"description":73,"path":1750,"stem":75},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Ferror-handling",{"title":77,"description":78,"path":1752,"stem":80},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fserver",{"title":82,"description":83,"path":1754,"stem":85},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Flayers",{"title":87,"description":88,"path":1756,"stem":90},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fprerendering",{"title":92,"description":93,"path":1758,"stem":95},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fdeployment",{"title":97,"description":98,"path":1760,"stem":100},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Ftesting",{"title":102,"description":103,"path":1762,"stem":105},"\u002Fdocs\u002F4.x\u002Fgetting-started\u002Fupgrade",{"title":108,"titleTemplate":109,"icon":110,"path":1764,"stem":112,"children":1765,"page":106},"\u002Fdocs\u002F4.x\u002Fdirectory-structure",[1766,1768,1770,1795,1797,1799,1801,1803,1805,1807,1809,1811,1813,1815,1817,1819,1821,1823],{"title":115,"description":116,"path":1767,"stem":112},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fnuxt",{"title":119,"description":120,"path":1769,"stem":122},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Foutput",{"title":124,"titleTemplate":109,"icon":125,"path":1771,"stem":127,"children":1772,"page":106},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp",[1773,1775,1777,1779,1781,1783,1785,1787,1789,1791,1793],{"title":130,"description":131,"path":1774,"stem":127},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fassets",{"title":134,"description":135,"path":1776,"stem":137},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fcomponents",{"title":139,"description":140,"path":1778,"stem":142},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fcomposables",{"title":144,"description":145,"path":1780,"stem":147},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Flayouts",{"title":149,"description":150,"path":1782,"stem":152},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fmiddleware",{"title":154,"description":155,"path":1784,"stem":157},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fpages",{"title":159,"description":160,"path":1786,"stem":162},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fplugins",{"title":164,"description":165,"path":1788,"stem":167},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Futils",{"title":169,"description":170,"path":1790,"stem":172},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fapp",{"title":174,"description":175,"path":1792,"stem":177},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Fapp-config",{"title":179,"description":180,"path":1794,"stem":182},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fapp\u002Ferror",{"title":184,"description":185,"path":1796,"stem":187},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fcontent",{"title":189,"description":190,"path":1798,"stem":192},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Flayers",{"title":194,"description":195,"path":1800,"stem":197},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fmodules",{"title":199,"description":200,"path":1802,"stem":202},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fnode_modules",{"title":204,"description":205,"path":1804,"stem":207},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fpublic",{"title":209,"description":210,"path":1806,"stem":212},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fserver",{"title":214,"description":215,"path":1808,"stem":217},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fshared",{"title":219,"description":220,"path":1810,"stem":222},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Ftest",{"title":224,"description":225,"path":1812,"stem":227},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fenv",{"title":229,"description":230,"path":1814,"stem":232},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fgitignore",{"title":234,"description":235,"path":1816,"stem":237},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fnuxtignore",{"title":239,"description":240,"path":1818,"stem":242},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fnuxtrc",{"title":244,"description":245,"path":1820,"stem":247},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fnuxt-config",{"title":249,"description":250,"path":1822,"stem":252},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fpackage",{"title":254,"description":255,"path":1824,"stem":257},"\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Ftsconfig",{"title":259,"icon":260,"path":1826,"stem":262,"children":1827,"page":106},"\u002Fdocs\u002F4.x\u002Fguide",[1828,1847,1860,1867,1886,1899],{"title":265,"titleTemplate":266,"icon":267,"path":1829,"stem":262,"children":1830,"page":106},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts",[1831,1833,1835,1837,1839,1841,1843,1845],{"title":271,"description":272,"path":1832,"stem":262},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Frendering",{"title":275,"description":276,"path":1834,"stem":278},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Fnuxt-lifecycle",{"title":280,"description":281,"path":1836,"stem":283},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Fauto-imports",{"title":285,"description":286,"path":1838,"stem":288},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Fserver-engine",{"title":290,"description":291,"path":1840,"stem":293},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Fmodules",{"title":295,"description":296,"path":1842,"stem":298},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Fserver-components",{"title":300,"description":301,"path":1844,"stem":303},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Ftypescript",{"title":305,"description":306,"path":1846,"stem":308},"\u002Fdocs\u002F4.x\u002Fguide\u002Fconcepts\u002Fcode-style",{"title":310,"titleTemplate":311,"icon":312,"path":1848,"stem":314,"children":1849,"page":106},"\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices",[1850,1852,1854,1856,1858],{"title":317,"description":318,"path":1851,"stem":314},"\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices\u002Faccessibility",{"title":321,"description":322,"path":1853,"stem":324},"\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices\u002Fdevcontainers",{"title":326,"description":327,"path":1855,"stem":329},"\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices\u002Fhydration",{"title":331,"description":332,"path":1857,"stem":334},"\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices\u002Fperformance",{"title":336,"description":337,"path":1859,"stem":339},"\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices\u002Fplugins",{"title":341,"titleTemplate":342,"icon":343,"path":1861,"stem":345,"children":1862,"page":106},"\u002Fdocs\u002F4.x\u002Fguide\u002Fai",[1863,1865],{"title":348,"description":349,"path":1864,"stem":345},"\u002Fdocs\u002F4.x\u002Fguide\u002Fai\u002Fmcp",{"title":352,"description":353,"path":1866,"stem":355},"\u002Fdocs\u002F4.x\u002Fguide\u002Fai\u002Fllms-txt",{"title":357,"titleTemplate":358,"icon":359,"path":1868,"stem":361,"children":1869,"page":106},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules",[1870,1872,1874,1876,1878,1880,1882,1884],{"title":364,"description":365,"path":1871,"stem":361},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Fgetting-started",{"title":368,"description":369,"path":1873,"stem":371},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Fmodule-anatomy",{"title":373,"description":374,"path":1875,"stem":376},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Frecipes-basics",{"title":378,"description":379,"path":1877,"stem":381},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Fmodule-dependencies",{"title":383,"description":384,"path":1879,"stem":386},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Frecipes-advanced",{"title":388,"description":389,"path":1881,"stem":391},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Ftesting",{"title":393,"description":394,"path":1883,"stem":396},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Fbest-practices",{"title":398,"description":399,"path":1885,"stem":401},"\u002Fdocs\u002F4.x\u002Fguide\u002Fmodules\u002Fecosystem",{"title":403,"titleTemplate":404,"icon":405,"path":1887,"stem":407,"children":1888,"page":106},"\u002Fdocs\u002F4.x\u002Fguide\u002Frecipes",[1889,1891,1893,1895,1897],{"title":410,"description":411,"path":1890,"stem":407},"\u002Fdocs\u002F4.x\u002Fguide\u002Frecipes\u002Fcustom-routing",{"title":414,"description":415,"path":1892,"stem":417},"\u002Fdocs\u002F4.x\u002Fguide\u002Frecipes\u002Fvite-plugin",{"title":419,"description":420,"path":1894,"stem":422},"\u002Fdocs\u002F4.x\u002Fguide\u002Frecipes\u002Fcustom-usefetch",{"title":424,"description":425,"path":1896,"stem":427},"\u002Fdocs\u002F4.x\u002Fguide\u002Frecipes\u002Fsessions-and-authentication",{"title":429,"description":430,"path":1898,"stem":432},"\u002Fdocs\u002F4.x\u002Fguide\u002Frecipes\u002Fmostly-static-sites",{"title":434,"titleTemplate":435,"icon":436,"path":1900,"stem":438,"children":1901,"page":106},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further",[1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922],{"title":441,"description":442,"path":1903,"stem":438},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fevents",{"title":445,"description":446,"path":1905,"stem":448},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fexperimental-features",{"title":450,"description":451,"path":1907,"stem":453},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Ffeatures",{"title":455,"description":456,"path":1909,"stem":458},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fhooks",{"title":460,"description":461,"path":1911,"stem":463},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fkit",{"title":465,"description":466,"path":1913,"stem":468},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fnuxt-app",{"title":470,"description":83,"path":1915,"stem":472},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Flayers",{"title":474,"description":475,"path":1917,"stem":477},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fbuilders",{"title":479,"description":480,"path":1919,"stem":482},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fdebugging",{"title":484,"description":485,"path":1921,"stem":487},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fruntime-config",{"title":489,"description":490,"path":1923,"stem":492},"\u002Fdocs\u002F4.x\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel",{"title":494,"titleTemplate":495,"icon":496,"path":1925,"stem":498,"children":1926,"page":106},"\u002Fdocs\u002F4.x\u002Fapi",[1927,1962,2031,2092,2133,2140],{"title":501,"titleTemplate":502,"icon":359,"path":1928,"stem":498,"children":1929,"page":106},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents",[1930,1932,1934,1936,1938,1940,1942,1944,1946,1948,1950,1952,1954,1956,1958,1960],{"title":506,"description":507,"path":1931,"stem":498},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fclient-only",{"title":510,"description":511,"path":1933,"stem":513},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fdev-only",{"title":515,"description":516,"path":1935,"stem":518},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-client-fallback",{"title":520,"description":521,"path":1937,"stem":523},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-page",{"title":525,"description":526,"path":1939,"stem":528},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-layout",{"title":530,"description":531,"path":1941,"stem":533},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-link",{"title":535,"description":536,"path":1943,"stem":538},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-loading-indicator",{"title":540,"description":541,"path":1945,"stem":543},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-error-boundary",{"title":545,"description":546,"path":1947,"stem":548},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-welcome",{"title":550,"description":551,"path":1949,"stem":553},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-island",{"title":555,"description":556,"path":1951,"stem":558},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-img",{"title":560,"description":561,"path":1953,"stem":563},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-picture",{"title":565,"description":566,"path":1955,"stem":568},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fteleports",{"title":570,"description":571,"path":1957,"stem":573},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-route-announcer",{"title":575,"description":576,"path":1959,"stem":578},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-time",{"title":580,"description":581,"path":1961,"stem":583},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomponents\u002Fnuxt-announcer",{"title":585,"titleTemplate":586,"icon":587,"path":1963,"stem":589,"children":1964,"page":106},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables",[1965,1967,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029],{"title":592,"description":593,"path":1966,"stem":589},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fcreate-use-async-data",{"title":596,"description":597,"path":1968,"stem":599},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fcreate-use-fetch",{"title":601,"description":602,"path":1970,"stem":604},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fon-prehydrate",{"title":606,"description":607,"path":1972,"stem":609},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-announcer",{"title":611,"description":612,"path":1974,"stem":614},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-app-config",{"title":616,"description":617,"path":1976,"stem":619},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-async-data",{"title":621,"description":622,"path":1978,"stem":624},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-cookie",{"title":626,"description":627,"path":1980,"stem":629},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-error",{"title":631,"description":632,"path":1982,"stem":634},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-fetch",{"title":636,"description":637,"path":1984,"stem":639},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-head",{"title":641,"description":642,"path":1986,"stem":644},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-head-safe",{"title":646,"description":647,"path":1988,"stem":649},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-hydration",{"title":651,"description":652,"path":1990,"stem":654},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-layout",{"title":656,"description":657,"path":1992,"stem":659},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-lazy-async-data",{"title":661,"description":662,"path":1994,"stem":664},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-lazy-fetch",{"title":666,"description":667,"path":1996,"stem":669},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-loading-indicator",{"title":671,"description":672,"path":1998,"stem":674},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-nuxt-app",{"title":676,"description":677,"path":2000,"stem":679},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-nuxt-data",{"title":681,"description":682,"path":2002,"stem":684},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-preview-mode",{"title":686,"description":687,"path":2004,"stem":689},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-request-event",{"title":691,"description":692,"path":2006,"stem":694},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-request-fetch",{"title":696,"description":697,"path":2008,"stem":699},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-request-header",{"title":701,"description":702,"path":2010,"stem":704},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-request-headers",{"title":706,"description":707,"path":2012,"stem":709},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-request-url",{"title":711,"description":712,"path":2014,"stem":714},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-response-header",{"title":716,"description":717,"path":2016,"stem":719},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-route",{"title":721,"description":722,"path":2018,"stem":724},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-route-announcer",{"title":726,"description":727,"path":2020,"stem":729},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-router",{"title":731,"description":732,"path":2022,"stem":734},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-runtime-config",{"title":736,"description":737,"path":2024,"stem":739},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-runtime-hook",{"title":741,"description":742,"path":2026,"stem":744},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-seo-meta",{"title":746,"description":747,"path":2028,"stem":749},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-server-seo-meta",{"title":751,"description":752,"path":2030,"stem":754},"\u002Fdocs\u002F4.x\u002Fapi\u002Fcomposables\u002Fuse-state",{"title":756,"titleTemplate":757,"path":2032,"stem":759,"children":2033,"page":106},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils",[2034,2036,2038,2040,2042,2044,2046,2048,2050,2052,2054,2056,2058,2060,2062,2064,2066,2068,2070,2072,2074,2076,2078,2080,2082,2084,2086,2088,2090],{"title":762,"description":763,"path":2035,"stem":759},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdollarfetch",{"title":766,"description":767,"path":2037,"stem":769},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fabort-navigation",{"title":771,"description":772,"path":2039,"stem":774},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fadd-route-middleware",{"title":776,"description":777,"path":2041,"stem":779},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fcall-once",{"title":781,"description":782,"path":2043,"stem":784},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fclear-error",{"title":786,"description":787,"path":2045,"stem":789},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fclear-nuxt-data",{"title":791,"description":792,"path":2047,"stem":794},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fclear-nuxt-state",{"title":796,"description":797,"path":2049,"stem":799},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fcreate-error",{"title":801,"description":802,"path":2051,"stem":804},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdefine-lazy-hydration-component",{"title":806,"description":807,"path":2053,"stem":809},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdefine-nuxt-component",{"title":811,"description":812,"path":2055,"stem":814},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdefine-nuxt-plugin",{"title":816,"description":817,"path":2057,"stem":819},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdefine-nuxt-route-middleware",{"title":821,"description":822,"path":2059,"stem":824},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdefine-page-meta",{"title":826,"description":827,"path":2061,"stem":829},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fdefine-route-rules",{"title":831,"description":832,"path":2063,"stem":834},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fnavigate-to",{"title":836,"description":837,"path":2065,"stem":839},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fon-before-route-leave",{"title":841,"description":842,"path":2067,"stem":844},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fon-before-route-update",{"title":846,"description":847,"path":2069,"stem":849},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fon-nuxt-ready",{"title":851,"description":852,"path":2071,"stem":854},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fprefetch-components",{"title":856,"description":857,"path":2073,"stem":859},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fpreload-components",{"title":861,"description":862,"path":2075,"stem":864},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fpreload-route-components",{"title":866,"description":867,"path":2077,"stem":869},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fprerender-routes",{"title":871,"description":872,"path":2079,"stem":874},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Frefresh-cookie",{"title":876,"description":877,"path":2081,"stem":879},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Frefresh-nuxt-data",{"title":881,"description":882,"path":2083,"stem":884},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Freload-nuxt-app",{"title":886,"description":887,"path":2085,"stem":889},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fset-page-layout",{"title":891,"description":892,"path":2087,"stem":894},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fset-response-status",{"title":896,"description":897,"path":2089,"stem":899},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fshow-error",{"title":901,"description":902,"path":2091,"stem":904},"\u002Fdocs\u002F4.x\u002Fapi\u002Futils\u002Fupdate-app-config",{"title":460,"titleTemplate":906,"path":2093,"stem":908,"children":2094,"page":106},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit",[2095,2097,2099,2101,2103,2105,2107,2109,2111,2113,2115,2117,2119,2121,2123,2125,2127,2129,2131],{"title":290,"description":911,"path":2096,"stem":908},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fmodules",{"title":914,"description":915,"path":2098,"stem":917},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fprogrammatic",{"title":919,"description":920,"path":2100,"stem":922},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fcompatibility",{"title":280,"description":924,"path":2102,"stem":926},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fautoimports",{"title":501,"description":928,"path":2104,"stem":930},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fcomponents",{"title":932,"description":933,"path":2106,"stem":935},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fcontext",{"title":937,"description":938,"path":2108,"stem":940},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fpages",{"title":942,"description":943,"path":2110,"stem":945},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Flayout",{"title":947,"description":948,"path":2112,"stem":950},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fhead",{"title":952,"description":953,"path":2114,"stem":955},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fplugins",{"title":484,"description":957,"path":2116,"stem":959},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fruntime-config",{"title":961,"description":962,"path":2118,"stem":964},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Ftemplates",{"title":966,"description":967,"path":2120,"stem":969},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fapp-config",{"title":971,"description":972,"path":2122,"stem":974},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fnitro",{"title":976,"description":977,"path":2124,"stem":979},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fresolving",{"title":981,"description":982,"path":2126,"stem":984},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Flogging",{"title":986,"description":987,"path":2128,"stem":989},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fbuilder",{"title":991,"description":992,"path":2130,"stem":994},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Fexamples",{"title":82,"description":996,"path":2132,"stem":998},"\u002Fdocs\u002F4.x\u002Fapi\u002Fkit\u002Flayers",{"icon":1000,"title":1001,"path":2134,"stem":1003,"children":2135,"page":106},"\u002Fdocs\u002F4.x\u002Fapi\u002Fadvanced",[2136,2138],{"title":455,"description":456,"path":2137,"stem":1003},"\u002Fdocs\u002F4.x\u002Fapi\u002Fadvanced\u002Fhooks",{"title":1008,"description":1009,"path":2139,"stem":1011},"\u002Fdocs\u002F4.x\u002Fapi\u002Fadvanced\u002Fimport-meta",{"title":1013,"description":1014,"path":2141,"stem":1016},"\u002Fdocs\u002F4.x\u002Fapi\u002Fnuxt-config",{"title":1018,"titleTemplate":1019,"icon":1020,"path":2143,"stem":1022,"children":2144,"page":106},"\u002Fdocs\u002F4.x\u002Fcommunity",[2145,2147,2149,2151,2153,2155],{"title":1025,"description":1026,"path":2146,"stem":1022,"icon":1028},"\u002Fdocs\u002F4.x\u002Fcommunity\u002Fgetting-help",{"title":1030,"description":1031,"path":2148,"stem":1033},"\u002Fdocs\u002F4.x\u002Fcommunity\u002Freporting-bugs",{"title":1035,"description":1036,"path":2150,"stem":1038},"\u002Fdocs\u002F4.x\u002Fcommunity\u002Fcontribution",{"title":1040,"description":1041,"path":2152,"stem":1043},"\u002Fdocs\u002F4.x\u002Fcommunity\u002Fframework-contribution",{"title":1045,"description":1046,"path":2154,"stem":1048},"\u002Fdocs\u002F4.x\u002Fcommunity\u002Froadmap",{"title":1050,"description":1051,"path":2156,"stem":1053},"\u002Fdocs\u002F4.x\u002Fcommunity\u002Fchangelog",{"title":1055,"titleTemplate":1056,"icon":1057,"path":2158,"stem":1059,"children":2159,"page":106},"\u002Fdocs\u002F4.x\u002Fbridge",[2160,2162,2164,2166,2168,2170,2172,2174,2176,2178],{"title":1062,"description":1063,"path":2161,"stem":1059},"\u002Fdocs\u002F4.x\u002Fbridge\u002Foverview",{"title":300,"description":1066,"path":2163,"stem":1068},"\u002Fdocs\u002F4.x\u002Fbridge\u002Ftypescript",{"title":1070,"description":1071,"path":2165,"stem":1073},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fbridge-composition-api",{"title":1075,"description":1076,"path":2167,"stem":1078},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fplugins-and-middleware",{"title":1080,"description":1081,"path":2169,"stem":1083},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fnuxt3-compatible-api",{"title":1085,"description":1086,"path":2171,"stem":1088},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fmeta",{"title":484,"description":485,"path":2173,"stem":1091},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fruntime-config",{"title":971,"description":1093,"path":2175,"stem":1095},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fnitro",{"title":1097,"description":1098,"path":2177,"stem":1100},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fvite",{"title":27,"description":1102,"path":2179,"stem":1104},"\u002Fdocs\u002F4.x\u002Fbridge\u002Fconfiguration",{"title":1106,"titleTemplate":1107,"icon":1108,"path":2181,"stem":1110,"children":2182,"page":106},"\u002Fdocs\u002F4.x\u002Fmigration",[2183,2185,2187,2189,2191,2193,2195,2197,2199,2201,2203],{"title":1062,"description":1113,"path":2184,"stem":1110},"\u002Fdocs\u002F4.x\u002Fmigration\u002Foverview",{"title":27,"description":1116,"path":2186,"stem":1118},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fconfiguration",{"title":1120,"description":1121,"path":2188,"stem":1123},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fauto-imports",{"title":1085,"description":1125,"path":2190,"stem":1127},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fmeta",{"title":1075,"description":1129,"path":2192,"stem":1131},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fplugins-and-middleware",{"title":1133,"description":1134,"path":2194,"stem":1136},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fpages-and-layouts",{"title":1138,"description":1139,"path":2196,"stem":1141},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fcomponent-options",{"title":484,"description":1143,"path":2198,"stem":1145},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fruntime-config",{"title":1147,"description":1148,"path":2200,"stem":1150},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fbundling",{"title":77,"description":1152,"path":2202,"stem":1154},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fserver",{"title":290,"description":1156,"path":2204,"stem":1158},"\u002Fdocs\u002F4.x\u002Fmigration\u002Fmodule-authors",{"title":2206,"icon":2207,"path":2208,"stem":2209,"children":2210,"page":106},"Blog","i-lucide-newspaper","\u002Fblog","blog",[2211,2215,2219,2223,2227,2231,2235,2239,2243,2247,2251,2255,2259,2263,2267,2271,2275,2279,2283,2287,2291,2295,2299,2303,2307,2311,2315,2319,2323,2327,2331,2335,2339,2343,2347,2351,2355,2359,2363,2367,2371,2375,2379,2383,2387,2391,2395,2399,2403,2407],{"title":2212,"path":2213,"stem":2214},"Announcing 3.0","\u002Fblog\u002Fv3","blog\u002F1.v3",{"title":2216,"path":2217,"stem":2218},"Nuxt 3.3","\u002Fblog\u002Fv3-3","blog\u002F10.v3-3",{"title":2220,"path":2221,"stem":2222},"Nuxt 3.4","\u002Fblog\u002Fv3-4","blog\u002F11.v3-4",{"title":2224,"path":2225,"stem":2226},"Nuxt 3.5","\u002Fblog\u002Fv3-5","blog\u002F12.v3-5",{"title":2228,"path":2229,"stem":2230},"Nuxt 3.6","\u002Fblog\u002Fv3-6","blog\u002F13.v3-6",{"title":2232,"path":2233,"stem":2234},"Nuxt on the Edge","\u002Fblog\u002Fnuxt-on-the-edge","blog\u002F14.nuxt-on-the-edge",{"title":2236,"path":2237,"stem":2238},"Nuxt 3.7","\u002Fblog\u002Fv3-7","blog\u002F15.v3-7",{"title":2240,"path":2241,"stem":2242},"A New Website","\u002Fblog\u002Fnew-website","blog\u002F16.new-website",{"title":2244,"path":2245,"stem":2246},"Nuxt 3.8","\u002Fblog\u002Fv3-8","blog\u002F17.v3-8",{"title":2248,"path":2249,"stem":2250},"Nuxt DevTools v1.0","\u002Fblog\u002Fnuxt-devtools-v1-0","blog\u002F18.nuxt-devtools-v1-0",{"title":2252,"path":2253,"stem":2254},"Nuxt 3.9","\u002Fblog\u002Fv3-9","blog\u002F19.v3-9",{"title":2256,"path":2257,"stem":2258},"Nuxt: A vision for 2023","\u002Fblog\u002Fvision-2023","blog\u002F2.vision-2023",{"title":2260,"path":2261,"stem":2262},"Nuxt 3.10","\u002Fblog\u002Fv3-10","blog\u002F20.v3-10",{"title":2264,"path":2265,"stem":2266},"The Evolution of Shiki v1.0","\u002Fblog\u002Fshiki-v1","blog\u002F21.shiki-v1",{"title":2268,"path":2269,"stem":2270},"Nuxt 3.11","\u002Fblog\u002Fv3-11","blog\u002F22.v3-11",{"title":2272,"path":2273,"stem":2274},"Nuxt: Looking forward","\u002Fblog\u002Flooking-forward-2024","blog\u002F23.looking-forward-2024",{"title":2276,"path":2277,"stem":2278},"Refreshed Nuxt ESLint Integrations","\u002Fblog\u002Feslint-module","blog\u002F24.eslint-module",{"title":2280,"path":2281,"stem":2282},"Nuxt 3.12","\u002Fblog\u002Fv3-12","blog\u002F25.v3-12",{"title":2284,"path":2285,"stem":2286},"Introducing Nuxt Scripts","\u002Fblog\u002Fnuxt-scripts","blog\u002F26.nuxt-scripts",{"title":2288,"path":2289,"stem":2290},"Nuxt 3.13","\u002Fblog\u002Fv3-13","blog\u002F27.v3-13",{"title":2292,"path":2293,"stem":2294},"Nuxt 3.14","\u002Fblog\u002Fv3-14","blog\u002F27.v3-14",{"title":2296,"path":2297,"stem":2298},"Introducing Nuxt Icon v1","\u002Fblog\u002Fnuxt-icon-v1-0","blog\u002F29.nuxt-icon-v1-0",{"title":2300,"path":2301,"stem":2302},"Introducing Nuxt DevTools","\u002Fblog\u002Fintroducing-nuxt-devtools","blog\u002F3.introducing-nuxt-devtools",{"title":2304,"path":2305,"stem":2306},"Announcing Nuxt 3 Release Candidate","\u002Fblog\u002Fnuxt3-rc","blog\u002F3.nuxt3-rc",{"title":2308,"path":2309,"stem":2310},"Nuxt 3.15","\u002Fblog\u002Fv3-15","blog\u002F30.v3-15",{"title":2312,"path":2313,"stem":2314},"Nuxt 3.16","\u002Fblog\u002Fv3-16","blog\u002F31.v3-16",{"title":2316,"path":2317,"stem":2318},"Nuxt UI v3","\u002Fblog\u002Fnuxt-ui-v3","blog\u002F32.nuxt-ui-v3",{"title":2320,"path":2321,"stem":2322},"Nuxt 3.17","\u002Fblog\u002Fv3-17","blog\u002F33.v3-17",{"title":2324,"path":2325,"stem":2326},"Roadmap to v4","\u002Fblog\u002Froadmap-v4","blog\u002F34.roadmap-v4",{"title":2328,"path":2329,"stem":2330},"Building a Privacy-First Feedback Widget","\u002Fblog\u002Fbuilding-a-feedback-widget","blog\u002F35.building-a-feedback-widget",{"title":2332,"path":2333,"stem":2334},"Announcing Nuxt 4.0","\u002Fblog\u002Fv4","blog\u002F36.v4",{"title":2336,"path":2337,"stem":2338},"Nuxt 3.18","\u002Fblog\u002Fv3-18","blog\u002F37.v3-18",{"title":2340,"path":2341,"stem":2342},"Nuxt 4.1","\u002Fblog\u002Fv4-1","blog\u002F38.v4-1",{"title":2344,"path":2345,"stem":2346},"Nuxt UI v4","\u002Fblog\u002Fnuxt-ui-v4","blog\u002F39.nuxt-ui-v4",{"title":2348,"path":2349,"stem":2350},"Nuxt 2 End-of-Life (EOL)","\u002Fblog\u002Fnuxt2-eol","blog\u002F4.nuxt2-eol",{"title":2352,"path":2353,"stem":2354},"Introducing Nuxt 3 Beta","\u002Fblog\u002Fnuxt3-beta","blog\u002F4.nuxt3-beta",{"title":2356,"path":2357,"stem":2358},"Building an MCP Server for Nuxt","\u002Fblog\u002Fbuilding-nuxt-mcp","blog\u002F40.building-nuxt-mcp",{"title":2360,"path":2361,"stem":2362},"Nuxt 4.2","\u002Fblog\u002Fv4-2","blog\u002F40.v4-2",{"title":2364,"path":2365,"stem":2366},"Nuxt Image v2","\u002Fblog\u002Fnuxt-image-v2","blog\u002F41.nuxt-image-v2",{"title":2368,"path":2369,"stem":2370},"Nuxt 4.3","\u002Fblog\u002Fv4-3","blog\u002F42.v4-3",{"title":2372,"path":2373,"stem":2374},"Nuxt 4.4","\u002Fblog\u002Fv4-4","blog\u002F43.v4-4",{"title":2376,"path":2377,"stem":2378},"Introducing the Nuxt Agent","\u002Fblog\u002Fintroducing-nuxt-agent","blog\u002F44.introducing-nuxt-agent",{"title":2380,"path":2381,"stem":2382},"Meet Nuxi","\u002Fblog\u002Fmeet-nuxi","blog\u002F45.meet-nuxi",{"title":2384,"path":2385,"stem":2386},"Nuxt 4.5","\u002Fblog\u002Fv4-5","blog\u002F46.v4-5",{"title":2388,"path":2389,"stem":2390},"Nuxt Security Patch Releases","\u002Fblog\u002Fv4-5-security","blog\u002F47.v4-5-security",{"title":2392,"path":2393,"stem":2394},"Going Full Static","\u002Fblog\u002Fgoing-full-static","blog\u002F5.going-full-static",{"title":2396,"path":2397,"stem":2398},"Introducing Smart Prefetching","\u002Fblog\u002Fintroducing-smart-prefetching","blog\u002F6.introducing-smart-prefetching",{"title":2400,"path":2401,"stem":2402},"Understanding how fetch works in Nuxt 2.12","\u002Fblog\u002Funderstanding-how-fetch-works-in-nuxt-2-12","blog\u002F7.understanding-how-fetch-works-in-nuxt-2-12",{"title":2404,"path":2405,"stem":2406},"Nuxt 2 Static Improvements","\u002Fblog\u002Fnuxt-static-improvements","blog\u002F8.nuxt-static-improvements",{"title":2408,"path":2409,"stem":2410},"Nuxt 2: From Terminal to Browser","\u002Fblog\u002Fnuxtjs-from-terminal-to-browser","blog\u002F9.nuxtjs-from-terminal-to-browser",{"name":2412,"description":2413,"repo":2414,"npm":2415,"icon":2416,"github":2417,"website":2417,"learn_more":2418,"category":2419,"type":2420,"maintainers":2421,"compatibility":2432,"generatedAt":2436,"contributors":2437,"stats":2531,"readme":2539},"icon","Icon module for Nuxt with 200,000+ ready to use icons from Iconify.","nuxt\u002Ficon","@nuxt\u002Ficon","nuxt.svg","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon","","UI","official",[2422,2427],{"name":2423,"github":2424,"twitter":2425,"bluesky":2426},"Sébastien Chopin","Atinux","atinux","atinux.com",{"name":2428,"github":2429,"bluesky":2430,"twitter":2431},"Anthony Fu","antfu","antfu.me","antfu7",{"nuxt":2433,"requires":2434,"devtools":2435},">=3.0.0",{},"^0.0.0","2026-08-31T19:48:56.620Z",[2438,2441,2444,2448,2452,2456,2460,2463,2466,2470,2473,2476,2479,2482,2485,2489,2492,2495,2498,2501,2504,2507,2510,2513,2516,2519,2522,2525,2528],{"id":2439,"username":2429,"contributions":2440},11247099,187,{"id":2442,"username":2425,"contributions":2443},904724,61,{"id":2445,"username":2446,"contributions":2447},1385263,"Tahul",10,{"id":2449,"username":2450,"contributions":2451},28706372,"danielroe",9,{"id":2453,"username":2454,"contributions":2455},739984,"benjamincanac",7,{"id":2457,"username":2458,"contributions":2459},1395674,"danjrwalsh",3,{"id":2461,"username":2462,"contributions":2459},25870781,"ezequidias",{"id":2464,"username":2465,"contributions":2459},22072217,"onmax",{"id":2467,"username":2468,"contributions":2469},1836701,"HADB",2,{"id":2471,"username":2472,"contributions":2469},5158436,"pi0",{"id":2474,"username":2475,"contributions":2469},39938037,"mukundshah",{"id":2477,"username":2478,"contributions":2469},7290030,"larbish",{"id":2480,"username":2481,"contributions":2469},291667613,"antfubot",{"id":2483,"username":2484,"contributions":2469},727125,"andreasgangso",{"id":2486,"username":2487,"contributions":2488},57325448,"rubanp",1,{"id":2490,"username":2491,"contributions":2488},29805551,"RobertHaba",{"id":2493,"username":2494,"contributions":2488},51883557,"iRaziul",{"id":2496,"username":2497,"contributions":2488},224317650,"rastuhacode",{"id":2499,"username":2500,"contributions":2488},15015765,"RBV1",{"id":2502,"username":2503,"contributions":2488},30523269,"Quasarman",{"id":2505,"username":2506,"contributions":2488},69654392,"PhabloFinotti",{"id":2508,"username":2509,"contributions":2488},87768087,"Readpato",{"id":2511,"username":2512,"contributions":2488},57059138,"oyedejioyewole",{"id":2514,"username":2515,"contributions":2488},40447,"okj579",{"id":2517,"username":2518,"contributions":2488},115035737,"nizasichi",{"id":2520,"username":2521,"contributions":2488},48282810,"cybercoder-naj",{"id":2523,"username":2524,"contributions":2488},45195424,"svifty7",{"id":2526,"username":2527,"contributions":2488},25689856,"Morgbn",{"id":2529,"username":2530,"contributions":2488},149865959,"hywax",{"version":2532,"downloads":2533,"stars":2534,"watchers":2534,"forks":2535,"defaultBranch":2536,"publishedAt":2537,"createdAt":2538},"2.5.1",2844022,1196,96,"main",1787538107609,1718706605195,{"frontmatter":2540,"meta":2541,"nodes":2631},{},{"toc":2542},{"title":2418,"searchDepth":2469,"depth":2459,"links":2543},[2544,2547,2550,2622,2625,2628],{"id":2545,"depth":2469,"text":2546},"features","Features ✨",{"id":2548,"depth":2469,"text":2549},"setup","Setup ⛓️",{"id":2551,"depth":2469,"text":2552,"children":2553},"usage","Usage 👌",[2554,2557,2560,2568,2571,2574,2593,2606,2609,2612],{"id":2555,"depth":2459,"text":2556},"usage-iconify-dataset","Iconify Dataset",{"id":2558,"depth":2459,"text":2559},"usage-vue-component","Vue Component",{"id":2561,"depth":2459,"text":2562,"children":2563},"usage-custom-local-collections","Custom Local Collections",[2564],{"id":2565,"depth":2566,"text":2567},"usage-custom-local-collections-disabling-runtime-fetching",4,"Disabling Runtime Fetching",{"id":2569,"depth":2459,"text":2570},"usage-case-sensitive-custom-collections","Case Sensitive Custom Collections",{"id":2572,"depth":2459,"text":2573},"usage-icon-customization","Icon Customization",{"id":2575,"depth":2459,"text":2576,"children":2577},"usage-server-bundle","Server Bundle",[2578,2581,2584,2587,2590],{"id":2579,"depth":2566,"text":2580},"usage-server-bundle-server-bundle-mode-local","Server Bundle Mode: local",{"id":2582,"depth":2566,"text":2583},"usage-server-bundle-server-bundle-mode-remote","Server Bundle Mode: remote",{"id":2585,"depth":2566,"text":2586},"usage-server-bundle-server-bundle-mode-auto","Server Bundle Mode: auto",{"id":2588,"depth":2566,"text":2589},"usage-server-bundle-externalize-icons-json","Externalize Icons JSON",{"id":2591,"depth":2566,"text":2592},"usage-server-bundle-completely-disable-server-bundle","Completely Disable Server Bundle",{"id":2594,"depth":2459,"text":2595,"children":2596},"usage-client-bundle","Client Bundle",[2597,2600,2603],{"id":2598,"depth":2566,"text":2599},"usage-client-bundle-prefetch-preload-icons","Prefetch (Preload) Icons",{"id":2601,"depth":2566,"text":2602},"usage-client-bundle-available-options","Available Options",{"id":2604,"depth":2566,"text":2605},"usage-client-bundle-scan-components","Scan Components",{"id":2607,"depth":2459,"text":2608},"usage-standalone-vite-plugin-without-nuxt","Standalone Vite Plugin (without Nuxt)",{"id":2610,"depth":2459,"text":2611},"usage-render-function","Render Function",{"id":2613,"depth":2459,"text":2614,"children":2615},"usage-rendering-icons-in-component-tests","Rendering Icons in Component Tests",[2616,2619],{"id":2617,"depth":2566,"text":2618},"usage-rendering-icons-in-component-tests-requirements","Requirements",{"id":2620,"depth":2566,"text":2621},"usage-rendering-icons-in-component-tests-test-only-configuration","Test-only Configuration",{"id":2623,"depth":2469,"text":2624},"contributing","Contributing 🙏",{"id":2626,"depth":2469,"text":2627},"credits","Credits 💌",{"id":2629,"depth":2469,"text":2630},"license","License 📎",[2632,2640,2644,2685,2701,2717,2720,2739,2758,2760,2763,2788,2795,2807,2816,2819,2829,2834,2894,2903,2905,2911,2944,2949,2964,3002,3007,3017,3077,3080,3086,3104,3115,3118,3131,3142,3226,3228,3237,3256,3271,3317,3319,3322,3328,3341,3350,3509,3524,3537,3540,3596,3603,3733,3746,3857,3860,3871,3940,3942,3956,4055,4066,4080,4082,4098,4113,4119,4128,4236,4247,4266,4298,4303,4306,4323,4326,4329,4633,4636,4642,4716,4719,4721,4727,4733,4740,4745,4754,4813,4816,4889,4896,4907,4910,4915,4926,4928,4939,5008,5019,5022,5029,5031,5045,5112,5115,5117,5120,5122,5125,5226,5229,5323,5333,5344,5346,5484,5496,5498,5505,5508,5629,5697,5699,5714,5837,5840,5856,5865,5904,5931,5958,5972,5974,5983,6002,6009,6114,6116,6136,6145,6158,6160,6175,6177,6183,6382,6406,6408,6451,6453,6472,6474,6479,6483,6486,6488,6490,6492,6494,6496,6498],[2633,2634,2635],"p",{},[2636,2637],"img",{"src":2638,"alt":2639},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fassets\u002F904724\u002Fae673805-06ad-4c05-820e-a8445c7224ce","nuxt-icon",[2641,2642,2643],"h1",{"id":2639},"Nuxt Icon",[2633,2645,2646,2654,2655,2654,2661,2654,2668,2654,2675],{},[2647,2648,2650],"a",{"href":2649},"https:\u002F\u002Fnpmjs.com\u002Fpackage\u002F@nuxt\u002Ficon",[2636,2651],{"src":2652,"alt":2653},"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@nuxt\u002Ficon\u002Flatest.svg?style=flat&colorA=18181B&colorB=28CF8D","npm version","\n",[2647,2656,2657],{"href":2649},[2636,2658],{"src":2659,"alt":2660},"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@nuxt\u002Ficon.svg?style=flat&colorA=18181B&colorB=28CF8D","npm downloads",[2647,2662,2664],{"href":2663},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fblob\u002Fmain\u002FLICENSE",[2636,2665],{"src":2666,"alt":2667},"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fnuxt-modules\u002Ficon.svg?style=flat&colorA=18181B&colorB=28CF8D","License",[2647,2669,2671],{"href":2670},"https:\u002F\u002Fnuxt.com",[2636,2672],{"src":2673,"alt":2674},"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNuxt-18181B?logo=nuxt.js","Nuxt",[2647,2676,2680],{"$":2677,"href":2679},{"html":2488,"block":2678},0,"https:\u002F\u002Fvolta.net\u002Fnuxt-modules\u002Ficon?utm_source=nuxt_icon_readme",[2636,2681],{"$":2682,"src":2683,"alt":2684},{"html":2488,"block":2678},"https:\u002F\u002Fuser-images.githubusercontent.com\u002F904724\u002F209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg","Volta board",[2633,2686,2687,2688,2692,2693,2695,2696,2700],{},"Add ",[2647,2689,2691],{"href":2690},"https:\u002F\u002Ficones.js.org","200,000+ ready to use icons"," to your ",[2647,2694,2674],{"href":2670}," application, based on ",[2647,2697,2699],{"href":2698},"https:\u002F\u002Ficonify.design","Iconify",".",[2702,2703,2704,2711],"ul",{},[2705,2706,2707],"li",{},[2647,2708,2710],{"href":2709},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Freleases","✨  Release Notes",[2705,2712,2713],{},[2647,2714,2716],{"href":2715},"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fnuxt-icon-playground?file=app.vue","🏀  Online playground",[2718,2719,2546],"h2",{"id":2545},[2702,2721,2722,2725,2728,2733,2736],{},[2705,2723,2724],{},"Nuxt 3 ready",[2705,2726,2727],{},"SSR friendly",[2705,2729,2730,2731],{},"Support 200,000 open-source vector icons via ",[2647,2732,2699],{"href":2698},[2705,2734,2735],{},"Support both CSS mode \u002F SVG mode",[2705,2737,2738],{},"Custom SVG support (via Vue component, or via local SVG files)",[2740,2741,2743,2744,2748,2749,2752,2753,2757],"blockquote",{"as":2742},"note","You are viewing the ",[2745,2746,2747],"code",{},"v1.0"," version of this module, which is a complete rewrite for a better developer experience and performance. If you are migrating from ",[2745,2750,2751],{},"v0.6",", please check ",[2647,2754,2756],{"href":2755},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fpull\u002F154","this PR"," for the full list of changes.",[2718,2759,2549],{"id":2548},[2633,2761,2762],{},"Run the following command to add the module to your project:",[2764,2765,2768],"pre",{"language":2766,"class":2767},"bash","shj shiki shj-lang-bash",[2745,2769,2771],{"class":2770},"language-bash",[2772,2773,2776,2781,2782,2787],"span",{"class":2774,"style":2775},"line","display: inline",[2772,2777,2780],{"class":2778,"style":2779},"shj-syn-func shj-func","color:#6182B8;--shiki-dark:#82AAFF","npx"," nuxi module ",[2772,2783,2786],{"class":2784,"style":2785},"shj-syn-kwd shj-kwd","color:#9C3EDA;--shiki-dark:#C792EA","add"," icon",[2633,2789,2790,2791,2794],{},"That's it, you can now use the ",[2745,2792,2793],{},"\u003CIcon \u002F>"," in your components!",[2633,2796,2797,2798,2802,2803],{},"✨ If you are using VS Code, you can use the ",[2647,2799,2801],{"href":2800},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=antfu.iconify","Iconify IntelliSense"," extension by ",[2647,2804,2806],{"href":2805},"https:\u002F\u002Fgithub.com\u002Fantfu","@antfu",[2808,2809,2811],"details",{"$":2810},{"html":2488,"block":2488},[2812,2813,2815],"summary",{"$":2814},{"html":2488,"block":2488},"Manual Setup",[2633,2817,2818],{},"You can install the module manually with:",[2764,2820,2821],{"language":2766,"class":2767},[2745,2822,2823],{"class":2770},[2772,2824,2825,2828],{"class":2774,"style":2775},[2772,2826,2827],{"class":2778,"style":2779},"npm"," i @nuxt\u002Ficon",[2633,2830,2831,2832],{},"Update your ",[2745,2833,244],{},[2764,2835,2838],{"language":2836,"class":2837},"ts","shj shiki shj-lang-ts",[2745,2839,2841,2654,2861,2654,2872,2654,2880,2654,2886],{"class":2840},"language-ts",[2772,2842,2843,2846,2847,2846,2850,2853,2858],{"class":2774,"style":2775},[2772,2844,2845],{"class":2784,"style":2785},"export"," ",[2772,2848,2849],{"class":2784,"style":2785},"default",[2772,2851,2852],{"class":2778,"style":2779},"defineNuxtConfig",[2772,2854,2857],{"class":2855,"style":2856},"shj-syn-bracket shj-bracket","color:#90A4AE;--shiki-dark:#babed8","(",[2772,2859,2860],{"class":2855,"style":2856},"{",[2772,2862,2863,2864,2846,2869],{"class":2774,"style":2775},"  modules",[2772,2865,2868],{"class":2866,"style":2867},"shj-syn-oper shj-oper","color:#39ADB5;--shiki-dark:#89DDFF",":",[2772,2870,2871],{"class":2855,"style":2856},"[",[2772,2873,2874,2875],{"class":2774,"style":2775},"    ",[2772,2876,2879],{"class":2877,"style":2878},"shj-syn-str shj-str","color:#91B859;--shiki-dark:#C3E88D","'@nuxt\u002Ficon'",[2772,2881,2882,2883],{"class":2774,"style":2775},"  ",[2772,2884,2885],{"class":2855,"style":2856},"]",[2772,2887,2888,2891],{"class":2774,"style":2775},[2772,2889,2890],{"class":2855,"style":2856},"}",[2772,2892,2893],{"class":2855,"style":2856},")",[2633,2895,2896,2897,2899,2900,2902],{},"If you have the legacy module ",[2745,2898,2639],{}," installed, you might want to remove it from the ",[2745,2901,194],{}," list.",[2718,2904,2552],{"id":2551},[2633,2906,2907],{},[2908,2909,2910],"strong",{},"Props:",[2702,2912,2913,2919,2928],{},[2705,2914,2915,2918],{},[2745,2916,2917],{},"name"," (required): icon name or global component name",[2705,2920,2921,2924,2925,2893],{},[2745,2922,2923],{},"size",": icon size (default: ",[2745,2926,2927],{},"1em",[2705,2929,2930,2933,2934,2937,2938,2941,2942,2893],{},[2745,2931,2932],{},"mode",": icon rendering mode (",[2745,2935,2936],{},"svg"," or ",[2745,2939,2940],{},"css",", default: ",[2745,2943,2940],{},[2633,2945,2946,2868],{},[2908,2947,2948],{},"Attributes",[2633,2950,2951,2952,2937,2955,2958,2959,2963],{},"When using an icon from Iconify, a ",[2745,2953,2954],{},"\u003Cspan>",[2745,2956,2957],{},"\u003Csvg>"," will be created based on the rendering mode, you can give ",[2647,2960,2962],{"href":2961},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute","all the attributes"," of the native element.",[2764,2965,2968],{"language":2966,"class":2967},"html","shj shiki shj-lang-html",[2745,2969,2971],{"class":2970},"language-html",[2772,2972,2973,2976,2846,2981,2985,2988,2846,2991,2994,2996,2846,2999],{"class":2774,"style":2775},[2772,2974,2975],{"class":2866,"style":2867},"\u003C",[2772,2977,2980],{"class":2978,"style":2979},"shj-syn-var shj-var","color:#E53935;--shiki-dark:#f07178","Icon",[2772,2982,2917],{"class":2983,"style":2984},"shj-syn-class shj-class","color:#E2931D;--shiki-dark:#FFCB6B",[2772,2986,2987],{"class":2866,"style":2867},"=",[2772,2989,2990],{"class":2877,"style":2878},"\"uil:github\"",[2772,2992,2993],{"class":2983,"style":2984},"style",[2772,2995,2987],{"class":2866,"style":2867},[2772,2997,2998],{"class":2877,"style":2878},"\"color: black\"",[2772,3000,3001],{"class":2866,"style":2867},"\u002F>",[2633,3003,3004,2868],{},[2908,3005,3006],{},"TailwindCSS v4",[2633,3008,3009,3010,3012,3013,3016],{},"When using TailwindCSS v4 with the ",[2745,3011,2940],{}," mode, you should configure the ",[2745,3014,3015],{},"cssLayer"," in Nuxt's app config:",[2764,3018,3019],{"language":2836,"class":2837},[2745,3020,3021,2654,3028,2654,3041,2654,3048,2654,3059,2654,3067,2654,3071],{"class":2840},[2772,3022,3023],{"class":2774,"style":2775},[2772,3024,3027],{"class":3025,"style":3026},"shj-syn-cmnt shj-cmnt","color:#90A4AE;--shiki-dark:#676E95","\u002F\u002F ~\u002Fapp.config.ts",[2772,3029,3030,2846,3032,2846,3034,3037,3039],{"class":2774,"style":2775},[2772,3031,2845],{"class":2784,"style":2785},[2772,3033,2849],{"class":2784,"style":2785},[2772,3035,3036],{"class":2778,"style":2779},"defineAppConfig",[2772,3038,2857],{"class":2855,"style":2856},[2772,3040,2860],{"class":2855,"style":2856},[2772,3042,3043,3044,2846,3046],{"class":2774,"style":2775},"  icon",[2772,3045,2868],{"class":2866,"style":2867},[2772,3047,2860],{"class":2855,"style":2856},[2772,3049,3050,3051,2846,3053,3056],{"class":2774,"style":2775},"    mode",[2772,3052,2868],{"class":2866,"style":2867},[2772,3054,3055],{"class":2877,"style":2878},"'css'",[2772,3057,3058],{"class":2866,"style":2867},",",[2772,3060,3061,3062,2846,3064],{"class":2774,"style":2775},"    cssLayer",[2772,3063,2868],{"class":2866,"style":2867},[2772,3065,3066],{"class":2877,"style":2878},"'base'",[2772,3068,2882,3069],{"class":2774,"style":2775},[2772,3070,2890],{"class":2855,"style":2856},[2772,3072,3073,3075],{"class":2774,"style":2775},[2772,3074,2890],{"class":2855,"style":2856},[2772,3076,2893],{"class":2855,"style":2856},[3078,3079,2556],"h3",{"id":2555},[2633,3081,3082,3083,3085],{},"You can use any name from the ",[2647,3084,2690],{"href":2690}," collection:",[2764,3087,3088],{"language":2966,"class":2967},[2745,3089,3090],{"class":2970},[2772,3091,3092,3094,2846,3096,3098,3100,2846,3102],{"class":2774,"style":2775},[2772,3093,2975],{"class":2866,"style":2867},[2772,3095,2980],{"class":2978,"style":2979},[2772,3097,2917],{"class":2983,"style":2984},[2772,3099,2987],{"class":2866,"style":2867},[2772,3101,2990],{"class":2877,"style":2878},[2772,3103,3001],{"class":2866,"style":2867},[2633,3105,3106,3107,3110,3111,3114],{},"It supports the ",[2745,3108,3109],{},"i-"," prefix (for example, ",[2745,3112,3113],{},"i-uil-github",").",[2633,3116,3117],{},"It's highly recommended to install the icon data locally with",[2764,3119,3120],{"language":2766,"class":2767},[2745,3121,3122],{"class":2770},[2772,3123,3124,3126,3127,3130],{"class":2774,"style":2775},[2772,3125,2827],{"class":2778,"style":2779}," i",[2772,3128,3129],{"class":2784,"style":2785}," -D"," @iconify-json\u002Fcollection-name",[2633,3132,3133,3134,3137,3138,3141],{},"For example, to use the ",[2745,3135,3136],{},"uil:github"," icon, install its collection with ",[2745,3139,3140],{},"@iconify-json\u002Fuil",". This way the icons can be served locally or from your serverless functions, which is faster and more reliable on both SSR and client-side.",[2740,3143,3144,3151],{"as":2742},[2633,3145,3146,3147,3150],{},"You may also know you can install ",[2745,3148,3149],{},"@iconify\u002Fjson"," package to include all iconify icons. This is not recommended because it will increase your server bundle size and building performance. If you choose to do so, we'd recommend to explicitly specify the collection names you need:",[2764,3152,3153],{"language":2836,"class":2837},[2745,3154,3155,2654,3167,2654,3179,2654,3185,2654,3192,2654,3212,2654,3216,2654,3220],{"class":2840},[2772,3156,3157,2846,3159,2846,3161,3163,3165],{"class":2774,"style":2775},[2772,3158,2845],{"class":2784,"style":2785},[2772,3160,2849],{"class":2784,"style":2785},[2772,3162,2852],{"class":2778,"style":2779},[2772,3164,2857],{"class":2855,"style":2856},[2772,3166,2860],{"class":2855,"style":2856},[2772,3168,2863,3169,2846,3171,3173,3175,3177],{"class":2774,"style":2775},[2772,3170,2868],{"class":2866,"style":2867},[2772,3172,2871],{"class":2855,"style":2856},[2772,3174,2879],{"class":2877,"style":2878},[2772,3176,2885],{"class":2855,"style":2856},[2772,3178,3058],{"class":2866,"style":2867},[2772,3180,3043,3181,2846,3183],{"class":2774,"style":2775},[2772,3182,2868],{"class":2866,"style":2867},[2772,3184,2860],{"class":2855,"style":2856},[2772,3186,3187,3188,2846,3190],{"class":2774,"style":2775},"    serverBundle",[2772,3189,2868],{"class":2866,"style":2867},[2772,3191,2860],{"class":2855,"style":2856},[2772,3193,3194,3195,2846,3197,3199,3202,2846,3204,3207,2846,3209],{"class":2774,"style":2775},"      collections",[2772,3196,2868],{"class":2866,"style":2867},[2772,3198,2871],{"class":2855,"style":2856},[2772,3200,3201],{"class":2877,"style":2878},"'uil'",[2772,3203,3058],{"class":2866,"style":2867},[2772,3205,3206],{"class":2877,"style":2878},"'mdi'",[2772,3208,2885],{"class":2855,"style":2856},[2772,3210,3211],{"class":3025,"style":3026},"\u002F\u002F \u003C!--- this",[2772,3213,2874,3214],{"class":2774,"style":2775},[2772,3215,2890],{"class":2855,"style":2856},[2772,3217,2882,3218],{"class":2774,"style":2775},[2772,3219,2890],{"class":2855,"style":2856},[2772,3221,3222,3224],{"class":2774,"style":2775},[2772,3223,2890],{"class":2855,"style":2856},[2772,3225,2893],{"class":2855,"style":2856},[3078,3227,2559],{"id":2558},[2633,3229,3230,3231,3233,3234,3236],{},"When the ",[2745,3232,2917],{}," matches a global registered component, it will be rendered as that component (in this case ",[2745,3235,2932],{}," will be ignored):",[2764,3238,3239],{"language":2966,"class":2967},[2745,3240,3241],{"class":2970},[2772,3242,3243,3245,2846,3247,3249,3251,2846,3254],{"class":2774,"style":2775},[2772,3244,2975],{"class":2866,"style":2867},[2772,3246,2980],{"class":2978,"style":2979},[2772,3248,2917],{"class":2983,"style":2984},[2772,3250,2987],{"class":2866,"style":2867},[2772,3252,3253],{"class":2877,"style":2878},"\"MyComponent\"",[2772,3255,3001],{"class":2866,"style":2867},[2633,3257,3258,3259,3262,3263,3266,3267,3114],{},"Note that ",[2745,3260,3261],{},"MyComponent"," needs to be inside ",[2745,3264,3265],{},"components\u002Fglobal\u002F"," folder (see ",[2647,3268,3270],{"href":3269},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fblob\u002Fmain\u002Fplaygrounds\u002Fnuxt\u002Fcomponents\u002Fglobal\u002FNuxtLogo.vue","example",[2740,3272,3274,3277],{"as":3273},"tip",[2633,3275,3276],{},"You can also change the component name with:",[2764,3278,3279],{"language":2836,"class":2837},[2745,3280,3281,2654,3293,2654,3299,2654,3307,2654,3311],{"class":2840},[2772,3282,3283,2846,3285,2846,3287,3289,3291],{"class":2774,"style":2775},[2772,3284,2845],{"class":2784,"style":2785},[2772,3286,2849],{"class":2784,"style":2785},[2772,3288,2852],{"class":2778,"style":2779},[2772,3290,2857],{"class":2855,"style":2856},[2772,3292,2860],{"class":2855,"style":2856},[2772,3294,3043,3295,2846,3297],{"class":2774,"style":2775},[2772,3296,2868],{"class":2866,"style":2867},[2772,3298,2860],{"class":2855,"style":2856},[2772,3300,3301,3302,2846,3304],{"class":2774,"style":2775},"    componentName",[2772,3303,2868],{"class":2866,"style":2867},[2772,3305,3306],{"class":2877,"style":2878},"'NuxtIcon'",[2772,3308,2882,3309],{"class":2774,"style":2775},[2772,3310,2890],{"class":2855,"style":2856},[2772,3312,3313,3315],{"class":2774,"style":2775},[2772,3314,2890],{"class":2855,"style":2856},[2772,3316,2893],{"class":2855,"style":2856},[3078,3318,2562],{"id":2561},[2633,3320,3321],{},"You can use local SVG files to create a custom Iconify collection.",[2633,3323,3324,3325,2868],{},"For example, place your icons' SVG files under a folder of your choice, for example, ",[2745,3326,3327],{},".\u002Fassets\u002Fmy-icons",[2764,3329,3330],{"language":2766,"class":2767},[2745,3331,3332,2654,3335,2654,3338],{"class":2770},[2772,3333,3334],{"class":2774,"style":2775},"assets\u002Fmy-icons",[2772,3336,3337],{"class":2774,"style":2775},"├── foo.svg",[2772,3339,3340],{"class":2774,"style":2775},"├── bar-outline.svg",[2633,3342,3343,3344,3346,3347,2868],{},"In your ",[2745,3345,244],{},", add an item in ",[2745,3348,3349],{},"icon.customCollections",[2764,3351,3352],{"language":2836,"class":2837},[2745,3353,3354,2654,3370,2654,3372,2654,3399,2654,3401,2654,3413,2654,3419,2654,3423,2654,3429,2654,3435,2654,3442,2654,3447,2654,3457,2654,3474,2654,3480,2654,3485,2654,3491,2654,3497,2654,3503],{"class":2840},[2772,3355,3356,2846,3359,3361,3362,2846,3364,2846,3367],{"class":2774,"style":2775},[2772,3357,3358],{"class":2784,"style":2785},"import",[2772,3360,2860],{"class":2855,"style":2856}," createResolver ",[2772,3363,2890],{"class":2855,"style":2856},[2772,3365,3366],{"class":2784,"style":2785},"from",[2772,3368,3369],{"class":2877,"style":2878},"\"nuxt\u002Fkit\"",[2772,3371],{"class":2774,"style":2775},[2772,3373,3374,2846,3377,3379,3380,2846,3382,2846,3384,3387,3389,3391,3393,3394,3396,3397],{"class":2774,"style":2775},[2772,3375,3376],{"class":2784,"style":2785},"const",[2772,3378,2860],{"class":2855,"style":2856}," resolve ",[2772,3381,2890],{"class":2855,"style":2856},[2772,3383,2987],{"class":2866,"style":2867},[2772,3385,3386],{"class":2778,"style":2779},"createResolver",[2772,3388,2857],{"class":2855,"style":2856},[2772,3390,3358],{"class":2784,"style":2785},[2772,3392,2700],{"class":2866,"style":2867},"meta",[2772,3395,2700],{"class":2866,"style":2867},"url",[2772,3398,2893],{"class":2855,"style":2856},[2772,3400],{"class":2774,"style":2775},[2772,3402,3403,2846,3405,2846,3407,3409,3411],{"class":2774,"style":2775},[2772,3404,2845],{"class":2784,"style":2785},[2772,3406,2849],{"class":2784,"style":2785},[2772,3408,2852],{"class":2778,"style":2779},[2772,3410,2857],{"class":2855,"style":2856},[2772,3412,2860],{"class":2855,"style":2856},[2772,3414,2863,3415,2846,3417],{"class":2774,"style":2775},[2772,3416,2868],{"class":2866,"style":2867},[2772,3418,2871],{"class":2855,"style":2856},[2772,3420,2874,3421],{"class":2774,"style":2775},[2772,3422,2879],{"class":2877,"style":2878},[2772,3424,2882,3425,3427],{"class":2774,"style":2775},[2772,3426,2885],{"class":2855,"style":2856},[2772,3428,3058],{"class":2866,"style":2867},[2772,3430,3043,3431,2846,3433],{"class":2774,"style":2775},[2772,3432,2868],{"class":2866,"style":2867},[2772,3434,2860],{"class":2855,"style":2856},[2772,3436,3437,3438,2846,3440],{"class":2774,"style":2775},"    customCollections",[2772,3439,2868],{"class":2866,"style":2867},[2772,3441,2871],{"class":2855,"style":2856},[2772,3443,3444,3445],{"class":2774,"style":2775},"      ",[2772,3446,2860],{"class":2855,"style":2856},[2772,3448,3449,3450,2846,3452,3455],{"class":2774,"style":2775},"        prefix",[2772,3451,2868],{"class":2866,"style":2867},[2772,3453,3454],{"class":2877,"style":2878},"'my-icon'",[2772,3456,3058],{"class":2866,"style":2867},[2772,3458,3459,3460,2846,3462,3465,3467,3470,3472],{"class":2774,"style":2775},"        dir",[2772,3461,2868],{"class":2866,"style":2867},[2772,3463,3464],{"class":2778,"style":2779},"resolve",[2772,3466,2857],{"class":2855,"style":2856},[2772,3468,3469],{"class":2877,"style":2878},"'.\u002Fassets\u002Fmy-icons'",[2772,3471,2893],{"class":2855,"style":2856},[2772,3473,3058],{"class":2866,"style":2867},[2772,3475,3476,3477],{"class":2774,"style":2775},"        ",[2772,3478,3479],{"class":3025,"style":3026},"\u002F\u002F if you want to include all the icons in nested directories:",[2772,3481,3476,3482],{"class":2774,"style":2775},[2772,3483,3484],{"class":3025,"style":3026},"\u002F\u002F recursive: true,",[2772,3486,3444,3487,3489],{"class":2774,"style":2775},[2772,3488,2890],{"class":2855,"style":2856},[2772,3490,3058],{"class":2866,"style":2867},[2772,3492,2874,3493,3495],{"class":2774,"style":2775},[2772,3494,2885],{"class":2855,"style":2856},[2772,3496,3058],{"class":2866,"style":2867},[2772,3498,2882,3499,3501],{"class":2774,"style":2775},[2772,3500,2890],{"class":2855,"style":2856},[2772,3502,3058],{"class":2866,"style":2867},[2772,3504,3505,3507],{"class":2774,"style":2775},[2772,3506,2890],{"class":2855,"style":2856},[2772,3508,2893],{"class":2855,"style":2856},[2740,3510,3511,3512,3514,3515,3518,3519,3523],{"as":2742},"We use ",[2745,3513,3386],{}," and ",[2745,3516,3517],{},"resolve()"," to ensure paths work correctly both in regular projects and when your project is used as an ",[2647,3520,3522],{"href":3521},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002F4.x\u002Fgetting-started\u002Flayers","extendable layer"," by other Nuxt projects. This ensures icon paths resolve relative to your project's directory rather than the consuming project's directory.",[2740,3525,3526,3527,3529,3530,3533,3534,2700],{"as":2742},"If you are running on Nuxt 4 with the new ",[2745,3528,124],{}," directory, the assets directory is ",[2745,3531,3532],{},"'.\u002Fapp\u002Fassets\u002F*'"," instead of ",[2745,3535,3536],{},"'.\u002Fassets\u002F*'",[2633,3538,3539],{},"Then you can use the icons like this:",[2764,3541,3544],{"language":3542,"class":3543},"vue","shj shiki shj-lang-vue",[2745,3545,3547,2654,3557,2654,3572,2654,3587],{"class":3546},"language-vue",[2772,3548,3549,3551,3554],{"class":2774,"style":2775},[2772,3550,2975],{"class":2866,"style":2867},[2772,3552,3553],{"class":2978,"style":2979},"template",[2772,3555,3556],{"class":2866,"style":2867},">",[2772,3558,2882,3559,3561,2846,3563,3565,3567,2846,3570],{"class":2774,"style":2775},[2772,3560,2975],{"class":2866,"style":2867},[2772,3562,2980],{"class":2978,"style":2979},[2772,3564,2917],{"class":2983,"style":2984},[2772,3566,2987],{"class":2866,"style":2867},[2772,3568,3569],{"class":2877,"style":2878},"\"my-icon:foo\"",[2772,3571,3001],{"class":2866,"style":2867},[2772,3573,2882,3574,3576,2846,3578,3580,3582,2846,3585],{"class":2774,"style":2775},[2772,3575,2975],{"class":2866,"style":2867},[2772,3577,2980],{"class":2978,"style":2979},[2772,3579,2917],{"class":2983,"style":2984},[2772,3581,2987],{"class":2866,"style":2867},[2772,3583,3584],{"class":2877,"style":2878},"\"my-icon:bar-outline\"",[2772,3586,3001],{"class":2866,"style":2867},[2772,3588,3589,3592,3594],{"class":2774,"style":2775},[2772,3590,3591],{"class":2866,"style":2867},"\u003C\u002F",[2772,3593,3553],{"class":2978,"style":2979},[2772,3595,3556],{"class":2866,"style":2867},[2633,3597,3598,3599,3602],{},"You can also pass a full custom ",[2745,3600,3601],{},"IconifyJSON"," object:",[2764,3604,3605],{"language":2836,"class":2837},[2745,3606,3607,2654,3619,2654,3625,2654,3629,2654,3635,2654,3641,2654,3647,2654,3651,2654,3660,2654,3667,2654,3684,2654,3690,2654,3702,2654,3711,2654,3715,2654,3721,2654,3727],{"class":2840},[2772,3608,3609,2846,3611,2846,3613,3615,3617],{"class":2774,"style":2775},[2772,3610,2845],{"class":2784,"style":2785},[2772,3612,2849],{"class":2784,"style":2785},[2772,3614,2852],{"class":2778,"style":2779},[2772,3616,2857],{"class":2855,"style":2856},[2772,3618,2860],{"class":2855,"style":2856},[2772,3620,2863,3621,2846,3623],{"class":2774,"style":2775},[2772,3622,2868],{"class":2866,"style":2867},[2772,3624,2871],{"class":2855,"style":2856},[2772,3626,2874,3627],{"class":2774,"style":2775},[2772,3628,2879],{"class":2877,"style":2878},[2772,3630,2882,3631,3633],{"class":2774,"style":2775},[2772,3632,2885],{"class":2855,"style":2856},[2772,3634,3058],{"class":2866,"style":2867},[2772,3636,3043,3637,2846,3639],{"class":2774,"style":2775},[2772,3638,2868],{"class":2866,"style":2867},[2772,3640,2860],{"class":2855,"style":2856},[2772,3642,3437,3643,2846,3645],{"class":2774,"style":2775},[2772,3644,2868],{"class":2866,"style":2867},[2772,3646,2871],{"class":2855,"style":2856},[2772,3648,3444,3649],{"class":2774,"style":2775},[2772,3650,2860],{"class":2855,"style":2856},[2772,3652,3449,3653,2846,3655,3658],{"class":2774,"style":2775},[2772,3654,2868],{"class":2866,"style":2867},[2772,3656,3657],{"class":2877,"style":2878},"'paid-icons'",[2772,3659,3058],{"class":2866,"style":2867},[2772,3661,3662,3663,2846,3665],{"class":2774,"style":2775},"        icons",[2772,3664,2868],{"class":2866,"style":2867},[2772,3666,2860],{"class":2855,"style":2856},[2772,3668,3669,3670,2846,3672,3674,3675,2846,3677,2846,3680,3682],{"class":2774,"style":2775},"          'nuxt'",[2772,3671,2868],{"class":2866,"style":2867},[2772,3673,2860],{"class":2855,"style":2856}," body",[2772,3676,2868],{"class":2866,"style":2867},[2772,3678,3679],{"class":2877,"style":2878},"'\u003Cpath d=\"M281.44 ... \u002F>'",[2772,3681,2890],{"class":2855,"style":2856},[2772,3683,3058],{"class":2866,"style":2867},[2772,3685,3476,3686,3688],{"class":2774,"style":2775},[2772,3687,2890],{"class":2855,"style":2856},[2772,3689,3058],{"class":2866,"style":2867},[2772,3691,3692,3693,2846,3695,3700],{"class":2774,"style":2775},"        width",[2772,3694,2868],{"class":2866,"style":2867},[2772,3696,3699],{"class":3697,"style":3698},"shj-syn-num shj-num","color:#F76D47;--shiki-dark:#F78C6C","512",[2772,3701,3058],{"class":2866,"style":2867},[2772,3703,3704,3705,2846,3707,3709],{"class":2774,"style":2775},"        height",[2772,3706,2868],{"class":2866,"style":2867},[2772,3708,3699],{"class":3697,"style":3698},[2772,3710,3058],{"class":2866,"style":2867},[2772,3712,3444,3713],{"class":2774,"style":2775},[2772,3714,2890],{"class":2855,"style":2856},[2772,3716,2874,3717,3719],{"class":2774,"style":2775},[2772,3718,2885],{"class":2855,"style":2856},[2772,3720,3058],{"class":2866,"style":2867},[2772,3722,2882,3723,3725],{"class":2774,"style":2775},[2772,3724,2890],{"class":2855,"style":2856},[2772,3726,3058],{"class":2866,"style":2867},[2772,3728,3729,3731],{"class":2774,"style":2775},[2772,3730,2890],{"class":2855,"style":2856},[2772,3732,2893],{"class":2855,"style":2856},[2633,3734,3735,3736,3739,3740,3742,3743,2868],{},"Note that custom local collections require you to have a server to serve the API. When setting ",[2745,3737,3738],{},"ssr: false",", or when generating a static app using ",[2745,3741,1559],{}," (which is equivalent to ssr: false), the provider will default to the Iconify API (which does not have your custom icons). If you want to build a SPA with server endpoints, you can explicitly set ",[2745,3744,3745],{},"provider: 'server'",[2764,3747,3748],{"language":2836,"class":2837},[2745,3749,3750,2654,3762,2654,3768,2654,3772,2654,3778,2654,3790,2654,3796,2654,3809,2654,3815,2654,3819,2654,3827,2654,3833,2654,3839,2654,3845,2654,3851],{"class":2840},[2772,3751,3752,2846,3754,2846,3756,3758,3760],{"class":2774,"style":2775},[2772,3753,2845],{"class":2784,"style":2785},[2772,3755,2849],{"class":2784,"style":2785},[2772,3757,2852],{"class":2778,"style":2779},[2772,3759,2857],{"class":2855,"style":2856},[2772,3761,2860],{"class":2855,"style":2856},[2772,3763,2863,3764,2846,3766],{"class":2774,"style":2775},[2772,3765,2868],{"class":2866,"style":2867},[2772,3767,2871],{"class":2855,"style":2856},[2772,3769,2874,3770],{"class":2774,"style":2775},[2772,3771,2879],{"class":2877,"style":2878},[2772,3773,2882,3774,3776],{"class":2774,"style":2775},[2772,3775,2885],{"class":2855,"style":2856},[2772,3777,3058],{"class":2866,"style":2867},[2772,3779,3780,3781,2846,3783,3788],{"class":2774,"style":2775},"  ssr",[2772,3782,2868],{"class":2866,"style":2867},[2772,3784,3787],{"class":3785,"style":3786},"shj-syn-bool shj-bool","color:#FF5370;--shiki-dark:#ff9cac","false",[2772,3789,3058],{"class":2866,"style":2867},[2772,3791,3043,3792,2846,3794],{"class":2774,"style":2775},[2772,3793,2868],{"class":2866,"style":2867},[2772,3795,2860],{"class":2855,"style":2856},[2772,3797,3798,3799,2846,3801,3804,2846,3806],{"class":2774,"style":2775},"    provider",[2772,3800,2868],{"class":2866,"style":2867},[2772,3802,3803],{"class":2877,"style":2878},"'server'",[2772,3805,3058],{"class":2866,"style":2867},[2772,3807,3808],{"class":3025,"style":3026},"\u002F\u002F \u003C-- this",[2772,3810,3437,3811,2846,3813],{"class":2774,"style":2775},[2772,3812,2868],{"class":2866,"style":2867},[2772,3814,2871],{"class":2855,"style":2856},[2772,3816,3444,3817],{"class":2774,"style":2775},[2772,3818,2860],{"class":2855,"style":2856},[2772,3820,3449,3821,2846,3823,3825],{"class":2774,"style":2775},[2772,3822,2868],{"class":2866,"style":2867},[2772,3824,3454],{"class":2877,"style":2878},[2772,3826,3058],{"class":2866,"style":2867},[2772,3828,3459,3829,2846,3831],{"class":2774,"style":2775},[2772,3830,2868],{"class":2866,"style":2867},[2772,3832,3469],{"class":2877,"style":2878},[2772,3834,3444,3835,3837],{"class":2774,"style":2775},[2772,3836,2890],{"class":2855,"style":2856},[2772,3838,3058],{"class":2866,"style":2867},[2772,3840,2874,3841,3843],{"class":2774,"style":2775},[2772,3842,2885],{"class":2855,"style":2856},[2772,3844,3058],{"class":2866,"style":2867},[2772,3846,2882,3847,3849],{"class":2774,"style":2775},[2772,3848,2890],{"class":2855,"style":2856},[2772,3850,3058],{"class":2866,"style":2867},[2772,3852,3853,3855],{"class":2774,"style":2775},[2772,3854,2890],{"class":2855,"style":2856},[2772,3856,2893],{"class":2855,"style":2856},[3858,3859,2567],"h4",{"id":2565},[2633,3861,3862,3863,3867,3868,2868],{},"Or if you want to disable the dynamic icon fetching completely and only use icons from the ",[2647,3864,3866],{"href":3865},"#client-bundle","client bundle",", you can set ",[2745,3869,3870],{},"provider: 'none'",[2764,3872,3873],{"language":2836,"class":2837},[2745,3874,3875,2654,3887,2654,3893,2654,3902,2654,3909,2654,3919,2654,3924,2654,3930,2654,3934],{"class":2840},[2772,3876,3877,2846,3879,2846,3881,3883,3885],{"class":2774,"style":2775},[2772,3878,2845],{"class":2784,"style":2785},[2772,3880,2849],{"class":2784,"style":2785},[2772,3882,2852],{"class":2778,"style":2779},[2772,3884,2857],{"class":2855,"style":2856},[2772,3886,2860],{"class":2855,"style":2856},[2772,3888,3043,3889,2846,3891],{"class":2774,"style":2775},[2772,3890,2868],{"class":2866,"style":2867},[2772,3892,2860],{"class":2855,"style":2856},[2772,3894,3798,3895,2846,3897,3900],{"class":2774,"style":2775},[2772,3896,2868],{"class":2866,"style":2867},[2772,3898,3899],{"class":2877,"style":2878},"'none'",[2772,3901,3058],{"class":2866,"style":2867},[2772,3903,3904,3905,2846,3907],{"class":2774,"style":2775},"    clientBundle",[2772,3906,2868],{"class":2866,"style":2867},[2772,3908,2860],{"class":2855,"style":2856},[2772,3910,3911,3912,2846,3914,3917],{"class":2774,"style":2775},"      scan",[2772,3913,2868],{"class":2866,"style":2867},[2772,3915,3916],{"class":3785,"style":3786},"true",[2772,3918,3058],{"class":2866,"style":2867},[2772,3920,3444,3921],{"class":2774,"style":2775},[2772,3922,3923],{"class":3025,"style":3026},"\u002F\u002F ...or other bundle options",[2772,3925,2874,3926,3928],{"class":2774,"style":2775},[2772,3927,2890],{"class":2855,"style":2856},[2772,3929,3058],{"class":2866,"style":2867},[2772,3931,2882,3932],{"class":2774,"style":2775},[2772,3933,2890],{"class":2855,"style":2856},[2772,3935,3936,3938],{"class":2774,"style":2775},[2772,3937,2890],{"class":2855,"style":2856},[2772,3939,2893],{"class":2855,"style":2856},[3078,3941,2570],{"id":2569},[2633,3943,3944,3945,3948,3949,3952,3953,3955],{},"Before ",[2745,3946,3947],{},"v1.10",", due to the limitation of Iconify's previous convention, all custom icons were normalized to ",[2745,3950,3951],{},"kebab-case"," with a warning. Thanks to the updates on Iconify side, starting from ",[2745,3954,3947],{},", you can opt-in to use case-sensitive custom collections and by pass the normalization.",[2764,3957,3958],{"language":2836,"class":2837},[2745,3959,3960,2654,3972,2654,3978,2654,3982,2654,3988,2654,3994,2654,4000,2654,4004,2654,4012,2654,4020,2654,4031,2654,4037,2654,4043,2654,4049],{"class":2840},[2772,3961,3962,2846,3964,2846,3966,3968,3970],{"class":2774,"style":2775},[2772,3963,2845],{"class":2784,"style":2785},[2772,3965,2849],{"class":2784,"style":2785},[2772,3967,2852],{"class":2778,"style":2779},[2772,3969,2857],{"class":2855,"style":2856},[2772,3971,2860],{"class":2855,"style":2856},[2772,3973,2863,3974,2846,3976],{"class":2774,"style":2775},[2772,3975,2868],{"class":2866,"style":2867},[2772,3977,2871],{"class":2855,"style":2856},[2772,3979,2874,3980],{"class":2774,"style":2775},[2772,3981,2879],{"class":2877,"style":2878},[2772,3983,2882,3984,3986],{"class":2774,"style":2775},[2772,3985,2885],{"class":2855,"style":2856},[2772,3987,3058],{"class":2866,"style":2867},[2772,3989,3043,3990,2846,3992],{"class":2774,"style":2775},[2772,3991,2868],{"class":2866,"style":2867},[2772,3993,2860],{"class":2855,"style":2856},[2772,3995,3437,3996,2846,3998],{"class":2774,"style":2775},[2772,3997,2868],{"class":2866,"style":2867},[2772,3999,2871],{"class":2855,"style":2856},[2772,4001,3444,4002],{"class":2774,"style":2775},[2772,4003,2860],{"class":2855,"style":2856},[2772,4005,3449,4006,2846,4008,4010],{"class":2774,"style":2775},[2772,4007,2868],{"class":2866,"style":2867},[2772,4009,3454],{"class":2877,"style":2878},[2772,4011,3058],{"class":2866,"style":2867},[2772,4013,3459,4014,2846,4016,4018],{"class":2774,"style":2775},[2772,4015,2868],{"class":2866,"style":2867},[2772,4017,3469],{"class":2877,"style":2878},[2772,4019,3058],{"class":2866,"style":2867},[2772,4021,4022,4023,2846,4025,4027,2846,4029],{"class":2774,"style":2775},"        normalizeIconName",[2772,4024,2868],{"class":2866,"style":2867},[2772,4026,3787],{"class":3785,"style":3786},[2772,4028,3058],{"class":2866,"style":2867},[2772,4030,3808],{"class":3025,"style":3026},[2772,4032,3444,4033,4035],{"class":2774,"style":2775},[2772,4034,2890],{"class":2855,"style":2856},[2772,4036,3058],{"class":2866,"style":2867},[2772,4038,2874,4039,4041],{"class":2774,"style":2775},[2772,4040,2885],{"class":2855,"style":2856},[2772,4042,3058],{"class":2866,"style":2867},[2772,4044,2882,4045,4047],{"class":2774,"style":2775},[2772,4046,2890],{"class":2855,"style":2856},[2772,4048,3058],{"class":2866,"style":2867},[2772,4050,4051,4053],{"class":2774,"style":2775},[2772,4052,2890],{"class":2855,"style":2856},[2772,4054,2893],{"class":2855,"style":2856},[2633,4056,4057,4058,4061,4062,4065],{},"Which enable to use ",[2745,4059,4060],{},"assets\u002Fmy-icons\u002FFooBar.svg"," as ",[2745,4063,4064],{},"my-icon:FooBar",", for example.",[2633,4067,4068,4071,4072,4074,4075,4079],{},[2745,4069,4070],{},"normalizeIconName"," is default to ",[2745,4073,3916],{}," for backward compatibility, and will be flipped in the future major version. See ",[2647,4076,4078],{"href":4077},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon\u002Fissues\u002F265","#265"," for more context.",[3078,4081,2573],{"id":2572},[2633,4083,4084,4085,4087,4088,4090,4091,4093,4094,4097],{},"To update the default size (",[2745,4086,2927],{},") of the ",[2745,4089,2793],{},", create an ",[2745,4092,174],{}," with the ",[2745,4095,4096],{},"icon.size"," property.",[2633,4099,4100,4101,4087,4104,4093,4106,4109,4110,4112],{},"Update the default class (",[2745,4102,4103],{},".icon",[2745,4105,2793],{},[2745,4107,4108],{},"icon.class"," property, for a headless Icon, set ",[2745,4111,2412],{},".class: ''`.",[2633,4114,4115,4116,4097],{},"You can also define aliases to make swapping out icons easier by leveraging the ",[2745,4117,4118],{},"icon.aliases",[2740,4120,4121,4122,4124,4125,4127],{"as":2742},"Note it's ",[2745,4123,174],{}," and not ",[2745,4126,244],{}," for runtime configs.",[2764,4129,4130],{"language":2836,"class":2837},[2745,4131,4132,2654,4137,2654,4149,2654,4155,2654,4168,2654,4183,2654,4194,2654,4201,2654,4211,2654,4217,2654,4226,2654,4230],{"class":2840},[2772,4133,4134],{"class":2774,"style":2775},[2772,4135,4136],{"class":3025,"style":3026},"\u002F\u002F app.config.ts",[2772,4138,4139,2846,4141,2846,4143,4145,4147],{"class":2774,"style":2775},[2772,4140,2845],{"class":2784,"style":2785},[2772,4142,2849],{"class":2784,"style":2785},[2772,4144,3036],{"class":2778,"style":2779},[2772,4146,2857],{"class":2855,"style":2856},[2772,4148,2860],{"class":2855,"style":2856},[2772,4150,3043,4151,2846,4153],{"class":2774,"style":2775},[2772,4152,2868],{"class":2866,"style":2867},[2772,4154,2860],{"class":2855,"style":2856},[2772,4156,4157,4158,2846,4160,4163,2846,4165],{"class":2774,"style":2775},"    size",[2772,4159,2868],{"class":2866,"style":2867},[2772,4161,4162],{"class":2877,"style":2878},"'24px'",[2772,4164,3058],{"class":2866,"style":2867},[2772,4166,4167],{"class":3025,"style":3026},"\u002F\u002F default \u003CIcon> size applied",[2772,4169,2874,4170,4173,2846,4175,4178,2846,4180],{"class":2774,"style":2775},[2772,4171,4172],{"class":2784,"style":2785},"class",[2772,4174,2868],{"class":2866,"style":2867},[2772,4176,4177],{"class":2877,"style":2878},"'icon'",[2772,4179,3058],{"class":2866,"style":2867},[2772,4181,4182],{"class":3025,"style":3026},"\u002F\u002F default \u003CIcon> class applied",[2772,4184,3050,4185,2846,4187,4189,2846,4191],{"class":2774,"style":2775},[2772,4186,2868],{"class":2866,"style":2867},[2772,4188,3055],{"class":2877,"style":2878},[2772,4190,3058],{"class":2866,"style":2867},[2772,4192,4193],{"class":3025,"style":3026},"\u002F\u002F default \u003CIcon> mode applied",[2772,4195,4196,4197,2846,4199],{"class":2774,"style":2775},"    aliases",[2772,4198,2868],{"class":2866,"style":2867},[2772,4200,2860],{"class":2855,"style":2856},[2772,4202,4203,4204,2846,4206,4209],{"class":2774,"style":2775},"      'nuxt'",[2772,4205,2868],{"class":2866,"style":2867},[2772,4207,4208],{"class":2877,"style":2878},"'logos:nuxt-icon'",[2772,4210,3058],{"class":2866,"style":2867},[2772,4212,2874,4213,4215],{"class":2774,"style":2775},[2772,4214,2890],{"class":2855,"style":2856},[2772,4216,3058],{"class":2866,"style":2867},[2772,4218,3061,4219,2846,4221,2846,4223],{"class":2774,"style":2775},[2772,4220,2868],{"class":2866,"style":2867},[2772,4222,3066],{"class":2877,"style":2878},[2772,4224,4225],{"class":3025,"style":3026},"\u002F\u002F set the css layer to inject to",[2772,4227,2882,4228],{"class":2774,"style":2775},[2772,4229,2890],{"class":2855,"style":2856},[2772,4231,4232,4234],{"class":2774,"style":2775},[2772,4233,2890],{"class":2855,"style":2856},[2772,4235,2893],{"class":2855,"style":2856},[2633,4237,4238,4239,4242,4243,4246],{},"The icons will have the default size of ",[2745,4240,4241],{},"24px"," and the ",[2745,4244,4245],{},"nuxt"," icon will be available:",[2764,4248,4249],{"language":2966,"class":2967},[2745,4250,4251],{"class":2970},[2772,4252,4253,4255,2846,4257,4259,4261,2846,4264],{"class":2774,"style":2775},[2772,4254,2975],{"class":2866,"style":2867},[2772,4256,2980],{"class":2978,"style":2979},[2772,4258,2917],{"class":2983,"style":2984},[2772,4260,2987],{"class":2866,"style":2867},[2772,4262,4263],{"class":2877,"style":2878},"\"nuxt\"",[2772,4265,3001],{"class":2866,"style":2867},[2633,4267,4268,4269,4272,4273,4276,4277,4281,4282,4285,4286,4288,4289,4293,4294,4297],{},"By default, this module will create a server endpoint ",[2745,4270,4271],{},"\u002Fapi\u002F_nuxt_icon\u002F:collection"," to serve the icons from your local server bundle (you can override the default path by setting ",[2745,4274,4275],{},"icon.localApiEndpoint"," to your desired path). When requesting an icon that does not exist in the local bundle, it will fallback to requesting ",[2647,4278,4280],{"href":4279},"https:\u002F\u002Fapi.iconify.design","the official Iconify API",". You can disable the fallback by setting ",[2745,4283,4284],{},"icon.fallbackToApi"," to ",[2745,4287,3787],{},", or set up ",[2647,4290,4292],{"href":4291},"https:\u002F\u002Ficonify.design\u002Fdocs\u002Fapi\u002Fhosting.html","your own Iconify API"," and update ",[2745,4295,4296],{},"icon.iconifyApiEndpoint"," to your own API endpoint.",[2633,4299,4300],{},[2908,4301,4302],{},"Customizing Icons with the customize Option",[2633,4304,4305],{},"The customize option allows you to modify various aspects of the SVG icons used in your project. With this option, you can:",[2702,4307,4308,4311,4314,4317,4320],{},[2705,4309,4310],{},"Change Stroke Width",[2705,4312,4313],{},"Change Colors",[2705,4315,4316],{},"Change Animation Duration",[2705,4318,4319],{},"Change Opacity",[2705,4321,4322],{},"Add Extra Shapes",[2633,4324,4325],{},"You have full control over SVG content with these customization options.",[2633,4327,4328],{},"In a Component\nYou can define a customize function within a component to apply various modifications to your icons.",[2764,4330,4331],{"language":3542,"class":3543},[2745,4332,4333,2654,4352,2654,4357,2654,4392,2654,4415,2654,4417,2654,4422,2654,4456,2654,4485,2654,4514,2654,4543,2654,4573,2654,4577,2654,4585,2654,4587,2654,4595,2654,4618,2654,4626,2654,4628],{"class":3546},[2772,4334,4335,4337,2846,4340,2846,4342,4345,4347,4350],{"class":2774,"style":2775},[2772,4336,2975],{"class":2866,"style":2867},[2772,4338,4339],{"class":2978,"style":2979},"script",[2772,4341,2548],{"class":2983,"style":2984},[2772,4343,4344],{"class":2983,"style":2984},"lang",[2772,4346,2987],{"class":2866,"style":2867},[2772,4348,4349],{"class":2877,"style":2878},"\"ts\"",[2772,4351,3556],{"class":2866,"style":2867},[2772,4353,4354],{"class":2774,"style":2775},[2772,4355,4356],{"class":3025,"style":3026},"\u002F\u002F Define the customize function to modify SVG content",[2772,4358,4359,4361,4362,2846,4364,184,4366,4370,4372,4373,4375,4377,4378,4380,4382,4383,4385,2846,4387,2846,4390],{"class":2774,"style":2775},[2772,4360,3376],{"class":2784,"style":2785}," customize ",[2772,4363,2987],{"class":2866,"style":2867},[2772,4365,2857],{"class":2855,"style":2856},[2772,4367,4369],{"class":4368,"style":2984},"shj-syn-type shj-type",": string",[2772,4371,3058],{"class":2866,"style":2867}," name",[2772,4374,4369],{"class":4368,"style":2984},[2772,4376,3058],{"class":2866,"style":2867}," prefix",[2772,4379,4369],{"class":4368,"style":2984},[2772,4381,3058],{"class":2866,"style":2867}," provider",[2772,4384,4369],{"class":4368,"style":2984},[2772,4386,2893],{"class":2855,"style":2856},[2772,4388,4389],{"class":2784,"style":2785},"=>",[2772,4391,2860],{"class":2855,"style":2856},[2772,4393,2882,4394,2846,4397,4399,4400,2846,4403,4406,2846,4408,4411,4412],{"class":2774,"style":2775},[2772,4395,4396],{"class":2784,"style":2785},"if",[2772,4398,2857],{"class":2855,"style":2856},"prefix ",[2772,4401,4402],{"class":2866,"style":2867},"!==",[2772,4404,4405],{"class":2877,"style":2878},"'tabler'",[2772,4407,2893],{"class":2855,"style":2856},[2772,4409,4410],{"class":2784,"style":2785},"return"," content ",[2772,4413,4414],{"class":3025,"style":3026},"\u002F\u002F Ignore Prefix",[2772,4416],{"class":2774,"style":2775},[2772,4418,2882,4419,4421],{"class":2774,"style":2775},[2772,4420,4410],{"class":2784,"style":2785}," content",[2772,4423,2874,4424,4426,4429,4431,4434,4437,4440,4443,4446,2846,4448,4451,2846,4453],{"class":2774,"style":2775},[2772,4425,2700],{"class":2866,"style":2867},[2772,4427,4428],{"class":2778,"style":2779},"replace",[2772,4430,2857],{"class":2855,"style":2856},[2772,4432,4433],{"class":2866,"style":2867},"\u002Fstroke-width=\"",[2772,4435,4436],{"class":3697,"style":3698},"[^\"]",[2772,4438,4439],{"class":2978,"style":2979},"*",[2772,4441,4442],{"class":2866,"style":2867},"\"\u002F",[2772,4444,4445],{"class":2784,"style":2785},"g",[2772,4447,3058],{"class":2866,"style":2867},[2772,4449,4450],{"class":2877,"style":2878},"`stroke-width=\"2\"`",[2772,4452,2893],{"class":2855,"style":2856},[2772,4454,4455],{"class":3025,"style":3026},"\u002F\u002F Change stroke width to 2",[2772,4457,2874,4458,4460,4462,4464,4467,4469,4471,4473,4475,2846,4477,4480,2846,4482],{"class":2774,"style":2775},[2772,4459,2700],{"class":2866,"style":2867},[2772,4461,4428],{"class":2778,"style":2779},[2772,4463,2857],{"class":2855,"style":2856},[2772,4465,4466],{"class":2866,"style":2867},"\u002Fstroke=\"",[2772,4468,4436],{"class":3697,"style":3698},[2772,4470,4439],{"class":2978,"style":2979},[2772,4472,4442],{"class":2866,"style":2867},[2772,4474,4445],{"class":2784,"style":2785},[2772,4476,3058],{"class":2866,"style":2867},[2772,4478,4479],{"class":2877,"style":2878},"`stroke=\"#FF5733\"`",[2772,4481,2893],{"class":2855,"style":2856},[2772,4483,4484],{"class":3025,"style":3026},"\u002F\u002F Change stroke color to red",[2772,4486,2874,4487,4489,4491,4493,4496,4498,4500,4502,4504,2846,4506,4509,2846,4511],{"class":2774,"style":2775},[2772,4488,2700],{"class":2866,"style":2867},[2772,4490,4428],{"class":2778,"style":2779},[2772,4492,2857],{"class":2855,"style":2856},[2772,4494,4495],{"class":2866,"style":2867},"\u002Ffill=\"",[2772,4497,4436],{"class":3697,"style":3698},[2772,4499,4439],{"class":2978,"style":2979},[2772,4501,4442],{"class":2866,"style":2867},[2772,4503,4445],{"class":2784,"style":2785},[2772,4505,3058],{"class":2866,"style":2867},[2772,4507,4508],{"class":2877,"style":2878},"`fill=\"#FF5733\"`",[2772,4510,2893],{"class":2855,"style":2856},[2772,4512,4513],{"class":3025,"style":3026},"\u002F\u002F Change fill color to red",[2772,4515,2874,4516,4518,4520,4522,4525,4527,4529,4531,4533,2846,4535,4538,2846,4540],{"class":2774,"style":2775},[2772,4517,2700],{"class":2866,"style":2867},[2772,4519,4428],{"class":2778,"style":2779},[2772,4521,2857],{"class":2855,"style":2856},[2772,4523,4524],{"class":2866,"style":2867},"\u002Fanimation-duration=\"",[2772,4526,4436],{"class":3697,"style":3698},[2772,4528,4439],{"class":2978,"style":2979},[2772,4530,4442],{"class":2866,"style":2867},[2772,4532,4445],{"class":2784,"style":2785},[2772,4534,3058],{"class":2866,"style":2867},[2772,4536,4537],{"class":2877,"style":2878},"`animation-duration=\"1s\"`",[2772,4539,2893],{"class":2855,"style":2856},[2772,4541,4542],{"class":3025,"style":3026},"\u002F\u002F Change animation duration to 1s (for animated icons)",[2772,4544,2874,4545,4547,4549,4551,4554,4556,4558,4560,4562,2846,4564,4567,4569,4570],{"class":2774,"style":2775},[2772,4546,2700],{"class":2866,"style":2867},[2772,4548,4428],{"class":2778,"style":2779},[2772,4550,2857],{"class":2855,"style":2856},[2772,4552,4553],{"class":2866,"style":2867},"\u002Fopacity=\"",[2772,4555,4436],{"class":3697,"style":3698},[2772,4557,4439],{"class":2978,"style":2979},[2772,4559,4442],{"class":2866,"style":2867},[2772,4561,4445],{"class":2784,"style":2785},[2772,4563,3058],{"class":2866,"style":2867},[2772,4565,4566],{"class":2877,"style":2878},"`opacity=\"0.8\"`",[2772,4568,2893],{"class":2855,"style":2856},";",[2772,4571,4572],{"class":3025,"style":3026},"\u002F\u002F Change opacity to 0.8",[2772,4574,4575],{"class":2774,"style":2775},[2772,4576,2890],{"class":2855,"style":2856},[2772,4578,4579,4581,4583],{"class":2774,"style":2775},[2772,4580,3591],{"class":2866,"style":2867},[2772,4582,4339],{"class":2978,"style":2979},[2772,4584,3556],{"class":2866,"style":2867},[2772,4586],{"class":2774,"style":2775},[2772,4588,4589,4591,4593],{"class":2774,"style":2775},[2772,4590,2975],{"class":2866,"style":2867},[2772,4592,3553],{"class":2978,"style":2979},[2772,4594,3556],{"class":2866,"style":2867},[2772,4596,2882,4597,4599,2846,4601,4603,4605,2846,4608,4611,4613,2846,4616],{"class":2774,"style":2775},[2772,4598,2975],{"class":2866,"style":2867},[2772,4600,2980],{"class":2978,"style":2979},[2772,4602,2917],{"class":2983,"style":2984},[2772,4604,2987],{"class":2866,"style":2867},[2772,4606,4607],{"class":2877,"style":2878},"\"tabler:star\"",[2772,4609,4610],{"class":2784,"style":2785},":customize",[2772,4612,2987],{"class":2866,"style":2867},[2772,4614,4615],{"class":2877,"style":2878},"\"customize\"",[2772,4617,3001],{"class":2866,"style":2867},[2772,4619,4620,4622,4624],{"class":2774,"style":2775},[2772,4621,3591],{"class":2866,"style":2867},[2772,4623,3553],{"class":2978,"style":2979},[2772,4625,3556],{"class":2866,"style":2867},[2772,4627],{"class":2774,"style":2775},[2772,4629,4630],{"class":2774,"style":2775},[2772,4631,4632],{"class":3025,"style":3026},"\u003C!-- You can also use `:customize=\"false\"` to disabled the global customization function per-usage -->",[2633,4634,4635],{},"In the App Configuration File:",[2633,4637,4638,4639,4641],{},"Alternatively, you can apply these customizations globally in the ",[2745,4640,174],{}," file.",[2764,4643,4644],{"language":2836,"class":2837},[2745,4645,4646,2654,4650,2654,4662,2654,4668,2654,4695,2654,4700,2654,4706,2654,4710],{"class":2840},[2772,4647,4648],{"class":2774,"style":2775},[2772,4649,4136],{"class":3025,"style":3026},[2772,4651,4652,2846,4654,2846,4656,4658,4660],{"class":2774,"style":2775},[2772,4653,2845],{"class":2784,"style":2785},[2772,4655,2849],{"class":2784,"style":2785},[2772,4657,3036],{"class":2778,"style":2779},[2772,4659,2857],{"class":2855,"style":2856},[2772,4661,2860],{"class":2855,"style":2856},[2772,4663,3043,4664,2846,4666],{"class":2774,"style":2775},[2772,4665,2868],{"class":2866,"style":2867},[2772,4667,2860],{"class":2855,"style":2856},[2772,4669,4670,4671,2846,4673,184,4675,4677,4372,4679,4681,4377,4683,4685,4382,4687,4689,2846,4691,2846,4693],{"class":2774,"style":2775},"    customize",[2772,4672,2868],{"class":2866,"style":2867},[2772,4674,2857],{"class":2855,"style":2856},[2772,4676,4369],{"class":4368,"style":2984},[2772,4678,3058],{"class":2866,"style":2867},[2772,4680,4369],{"class":4368,"style":2984},[2772,4682,3058],{"class":2866,"style":2867},[2772,4684,4369],{"class":4368,"style":2984},[2772,4686,3058],{"class":2866,"style":2867},[2772,4688,4369],{"class":4368,"style":2984},[2772,4690,2893],{"class":2855,"style":2856},[2772,4692,4389],{"class":2784,"style":2785},[2772,4694,2860],{"class":2855,"style":2856},[2772,4696,3444,4697],{"class":2774,"style":2775},[2772,4698,4699],{"class":3025,"style":3026},"\u002F\u002F ...",[2772,4701,2874,4702,4704],{"class":2774,"style":2775},[2772,4703,2890],{"class":2855,"style":2856},[2772,4705,3058],{"class":2866,"style":2867},[2772,4707,2882,4708],{"class":2774,"style":2775},[2772,4709,2890],{"class":2855,"style":2856},[2772,4711,4712,4714],{"class":2774,"style":2775},[2772,4713,2890],{"class":2855,"style":2856},[2772,4715,2893],{"class":2855,"style":2856},[2633,4717,4718],{},"With this configuration, all icons throughout your application will have these customizations applied consistently.",[3078,4720,2576],{"id":2575},[2633,4722,4723,4724,4726],{},"Since ",[2745,4725,2415],{}," v1.0, we have introduced the server bundle concept to serve the icons from Nuxt server endpoints. This keeps the client bundle lean and able to load icons on-demand, while having all the dynamic features to use icons that might not be known at build time.",[3858,4728,4729,4730],{"id":2579},"Server Bundle Mode: ",[2745,4731,4732],{},"local",[2633,4734,4735,4736,4739],{},"This mode will bundle the icon collections you have installed locally (like ",[2745,4737,4738],{},"@iconify-json\u002F*","), into your server bundle as dynamic chunks. The collection data will be loaded on-demand, only when your client request icons from that collection.",[3858,4741,4729,4742],{"id":2582},[2745,4743,4744],{},"remote",[2633,4746,4747,4748,4750,4751,4753],{},"Introduced in ",[2745,4749,2415],{}," v1.2, you can now use the ",[2745,4752,4744],{}," server bundle to serve the icons from a remote CDN.",[2764,4755,4756],{"language":2836,"class":2837},[2745,4757,4758,2654,4770,2654,4776,2654,4780,2654,4786,2654,4792,2654,4801,2654,4807],{"class":2840},[2772,4759,4760,2846,4762,2846,4764,4766,4768],{"class":2774,"style":2775},[2772,4761,2845],{"class":2784,"style":2785},[2772,4763,2849],{"class":2784,"style":2785},[2772,4765,2852],{"class":2778,"style":2779},[2772,4767,2857],{"class":2855,"style":2856},[2772,4769,2860],{"class":2855,"style":2856},[2772,4771,2863,4772,2846,4774],{"class":2774,"style":2775},[2772,4773,2868],{"class":2866,"style":2867},[2772,4775,2871],{"class":2855,"style":2856},[2772,4777,2874,4778],{"class":2774,"style":2775},[2772,4779,2879],{"class":2877,"style":2878},[2772,4781,2882,4782,4784],{"class":2774,"style":2775},[2772,4783,2885],{"class":2855,"style":2856},[2772,4785,3058],{"class":2866,"style":2867},[2772,4787,3043,4788,2846,4790],{"class":2774,"style":2775},[2772,4789,2868],{"class":2866,"style":2867},[2772,4791,2860],{"class":2855,"style":2856},[2772,4793,3187,4794,2846,4796,4799],{"class":2774,"style":2775},[2772,4795,2868],{"class":2866,"style":2867},[2772,4797,4798],{"class":2877,"style":2878},"'remote'",[2772,4800,3058],{"class":2866,"style":2867},[2772,4802,2882,4803,4805],{"class":2774,"style":2775},[2772,4804,2890],{"class":2855,"style":2856},[2772,4806,3058],{"class":2866,"style":2867},[2772,4808,4809,4811],{"class":2774,"style":2775},[2772,4810,2890],{"class":2855,"style":2856},[2772,4812,2893],{"class":2855,"style":2856},[2633,4814,4815],{},"Or you can specify the remote provider:",[2764,4817,4818],{"language":2836,"class":2837},[2745,4819,4820,2654,4832,2654,4838,2654,4842,2654,4848,2654,4854,2654,4860,2654,4873,2654,4877,2654,4883],{"class":2840},[2772,4821,4822,2846,4824,2846,4826,4828,4830],{"class":2774,"style":2775},[2772,4823,2845],{"class":2784,"style":2785},[2772,4825,2849],{"class":2784,"style":2785},[2772,4827,2852],{"class":2778,"style":2779},[2772,4829,2857],{"class":2855,"style":2856},[2772,4831,2860],{"class":2855,"style":2856},[2772,4833,2863,4834,2846,4836],{"class":2774,"style":2775},[2772,4835,2868],{"class":2866,"style":2867},[2772,4837,2871],{"class":2855,"style":2856},[2772,4839,2874,4840],{"class":2774,"style":2775},[2772,4841,2879],{"class":2877,"style":2878},[2772,4843,2882,4844,4846],{"class":2774,"style":2775},[2772,4845,2885],{"class":2855,"style":2856},[2772,4847,3058],{"class":2866,"style":2867},[2772,4849,3043,4850,2846,4852],{"class":2774,"style":2775},[2772,4851,2868],{"class":2866,"style":2867},[2772,4853,2860],{"class":2855,"style":2856},[2772,4855,3187,4856,2846,4858],{"class":2774,"style":2775},[2772,4857,2868],{"class":2866,"style":2867},[2772,4859,2860],{"class":2855,"style":2856},[2772,4861,4862,4863,2846,4865,4868,2846,4870],{"class":2774,"style":2775},"      remote",[2772,4864,2868],{"class":2866,"style":2867},[2772,4866,4867],{"class":2877,"style":2878},"'jsdelivr'",[2772,4869,3058],{"class":2866,"style":2867},[2772,4871,4872],{"class":3025,"style":3026},"\u002F\u002F 'unpkg' or 'github-raw', or a custom function",[2772,4874,2874,4875],{"class":2774,"style":2775},[2772,4876,2890],{"class":2855,"style":2856},[2772,4878,2882,4879,4881],{"class":2774,"style":2775},[2772,4880,2890],{"class":2855,"style":2856},[2772,4882,3058],{"class":2866,"style":2867},[2772,4884,4885,4887],{"class":2774,"style":2775},[2772,4886,2890],{"class":2855,"style":2856},[2772,4888,2893],{"class":2855,"style":2856},[2633,4890,4891,4892,4895],{},"Which will make server requests to ",[2745,4893,4894],{},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@iconify-json\u002Fph\u002Ficons.json"," to fetch the icons at runtime, instead of bundling them with your server.",[2633,4897,4898,4899,4902,4903,4906],{},"Under the hood, instead of bundling ",[2745,4900,4901],{},"() => import('@iconify-json\u002Fph\u002Ficons.json')"," to your server bundle, it will now use something like ",[2745,4904,4905],{},"() => fetch('https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@iconify-json\u002Fph\u002Ficons.json').then(res => res.json())",", where the collections are not inlined.",[2633,4908,4909],{},"This would be useful when server bundle size is a concern, like in serverless or worker environments.",[3858,4911,4729,4912],{"id":2585},[2745,4913,4914],{},"auto",[2633,4916,4917,4918,3514,4920,4922,4923,4925],{},"This is the default option, where the module will pick between ",[2745,4919,4732],{},[2745,4921,4744],{}," based your deployment environment. ",[2745,4924,4732],{}," will be preffered unless you are deploying to a serverless or worker environment, like Vercel Edge or Cloudflare Workers.",[3858,4927,2589],{"id":2588},[2633,4929,4930,4931,4933,4934,4285,4937,2700],{},"By default, Nitro will bundle the icon collections you have installed locally (like ",[2745,4932,4738],{},"), into your server bundle as dynamic chunks. When you have a large number of icons, this might make your bundling process slow and memory-intensive. You can change to externalize the icons JSON files by setting ",[2745,4935,4936],{},"icon.serverBundle.externalizeIconsJson",[2745,4938,3916],{},[2764,4940,4941],{"language":2836,"class":2837},[2745,4942,4943,2654,4955,2654,4961,2654,4965,2654,4971,2654,4977,2654,4983,2654,4992,2654,4996,2654,5002],{"class":2840},[2772,4944,4945,2846,4947,2846,4949,4951,4953],{"class":2774,"style":2775},[2772,4946,2845],{"class":2784,"style":2785},[2772,4948,2849],{"class":2784,"style":2785},[2772,4950,2852],{"class":2778,"style":2779},[2772,4952,2857],{"class":2855,"style":2856},[2772,4954,2860],{"class":2855,"style":2856},[2772,4956,2863,4957,2846,4959],{"class":2774,"style":2775},[2772,4958,2868],{"class":2866,"style":2867},[2772,4960,2871],{"class":2855,"style":2856},[2772,4962,2874,4963],{"class":2774,"style":2775},[2772,4964,2879],{"class":2877,"style":2878},[2772,4966,2882,4967,4969],{"class":2774,"style":2775},[2772,4968,2885],{"class":2855,"style":2856},[2772,4970,3058],{"class":2866,"style":2867},[2772,4972,3043,4973,2846,4975],{"class":2774,"style":2775},[2772,4974,2868],{"class":2866,"style":2867},[2772,4976,2860],{"class":2855,"style":2856},[2772,4978,3187,4979,2846,4981],{"class":2774,"style":2775},[2772,4980,2868],{"class":2866,"style":2867},[2772,4982,2860],{"class":2855,"style":2856},[2772,4984,4985,4986,2846,4988,4990],{"class":2774,"style":2775},"      externalizeIconsJson",[2772,4987,2868],{"class":2866,"style":2867},[2772,4989,3916],{"class":3785,"style":3786},[2772,4991,3058],{"class":2866,"style":2867},[2772,4993,2874,4994],{"class":2774,"style":2775},[2772,4995,2890],{"class":2855,"style":2856},[2772,4997,2882,4998,5000],{"class":2774,"style":2775},[2772,4999,2890],{"class":2855,"style":2856},[2772,5001,3058],{"class":2866,"style":2867},[2772,5003,5004,5006],{"class":2774,"style":2775},[2772,5005,2890],{"class":2855,"style":2856},[2772,5007,2893],{"class":2855,"style":2856},[2633,5009,5010,5011,5015,5016,2700],{},"Note that this will require your production Node.js server to be able to import JSON files (Note that as in Node.js v22, ",[2647,5012,5014],{"href":5013},"https:\u002F\u002Fnodejs.org\u002Fapi\u002Fesm.html#json-modules","JSON modules are still an experimental feature","). In the final build, it will contain statements like ",[2745,5017,5018],{},"() => import('@iconify-json\u002Fph\u002Ficons.json', { with: { type: 'json' } })",[2633,5020,5021],{},"Also note that in some serverless environments, like Cloudflare Workers, where they don't have dynamic imports, they will always be inlined regardless of this option.",[2633,5023,5024,5025,5028],{},"This option will be ignored when ",[2745,5026,5027],{},"icon.serverBundle.remote"," is enabled.",[3858,5030,2592],{"id":2591},[2633,5032,5033,5034,4285,5037,3514,5039,4285,5042],{},"If you want to disable the server bundle completely, you can set ",[2745,5035,5036],{},"icon.serverBundle",[2745,5038,3787],{},[2745,5040,5041],{},"provider",[2745,5043,5044],{},"iconify",[2764,5046,5047],{"language":2836,"class":2837},[2745,5048,5049,2654,5061,2654,5067,2654,5071,2654,5077,2654,5083,2654,5092,2654,5100,2654,5106],{"class":2840},[2772,5050,5051,2846,5053,2846,5055,5057,5059],{"class":2774,"style":2775},[2772,5052,2845],{"class":2784,"style":2785},[2772,5054,2849],{"class":2784,"style":2785},[2772,5056,2852],{"class":2778,"style":2779},[2772,5058,2857],{"class":2855,"style":2856},[2772,5060,2860],{"class":2855,"style":2856},[2772,5062,2863,5063,2846,5065],{"class":2774,"style":2775},[2772,5064,2868],{"class":2866,"style":2867},[2772,5066,2871],{"class":2855,"style":2856},[2772,5068,2874,5069],{"class":2774,"style":2775},[2772,5070,2879],{"class":2877,"style":2878},[2772,5072,2882,5073,5075],{"class":2774,"style":2775},[2772,5074,2885],{"class":2855,"style":2856},[2772,5076,3058],{"class":2866,"style":2867},[2772,5078,3043,5079,2846,5081],{"class":2774,"style":2775},[2772,5080,2868],{"class":2866,"style":2867},[2772,5082,2860],{"class":2855,"style":2856},[2772,5084,3798,5085,2846,5087,5090],{"class":2774,"style":2775},[2772,5086,2868],{"class":2866,"style":2867},[2772,5088,5089],{"class":2877,"style":2878},"'iconify'",[2772,5091,3058],{"class":2866,"style":2867},[2772,5093,3187,5094,2846,5096,5098],{"class":2774,"style":2775},[2772,5095,2868],{"class":2866,"style":2867},[2772,5097,3787],{"class":3785,"style":3786},[2772,5099,3058],{"class":2866,"style":2867},[2772,5101,2882,5102,5104],{"class":2774,"style":2775},[2772,5103,2890],{"class":2855,"style":2856},[2772,5105,3058],{"class":2866,"style":2867},[2772,5107,5108,5110],{"class":2774,"style":2775},[2772,5109,2890],{"class":2855,"style":2856},[2772,5111,2893],{"class":2855,"style":2856},[2633,5113,5114],{},"This will make requests to Iconify API every time the client requests an icon. We do not recommend doing so unless the other options are not feasible.",[3078,5116,2595],{"id":2594},[2633,5118,5119],{},"For icons that you know you are going to use frequently, you can bundle them with your client bundle to avoid network requests.",[3858,5121,2599],{"id":2598},[2633,5123,5124],{},"If you want icons to be available on first render, use the client bundle as the prefetch mechanism:",[2764,5126,5127],{"language":2836,"class":2837},[2745,5128,5129,2654,5141,2654,5147,2654,5153,2654,5159,2654,5165,2654,5171,2654,5176,2654,5195,2654,5200,2654,5208,2654,5214,2654,5220],{"class":2840},[2772,5130,5131,2846,5133,2846,5135,5137,5139],{"class":2774,"style":2775},[2772,5132,2845],{"class":2784,"style":2785},[2772,5134,2849],{"class":2784,"style":2785},[2772,5136,2852],{"class":2778,"style":2779},[2772,5138,2857],{"class":2855,"style":2856},[2772,5140,2860],{"class":2855,"style":2856},[2772,5142,2863,5143,2846,5145],{"class":2774,"style":2775},[2772,5144,2868],{"class":2866,"style":2867},[2772,5146,2871],{"class":2855,"style":2856},[2772,5148,2874,5149,5151],{"class":2774,"style":2775},[2772,5150,2879],{"class":2877,"style":2878},[2772,5152,3058],{"class":2866,"style":2867},[2772,5154,2882,5155,5157],{"class":2774,"style":2775},[2772,5156,2885],{"class":2855,"style":2856},[2772,5158,3058],{"class":2866,"style":2867},[2772,5160,3043,5161,2846,5163],{"class":2774,"style":2775},[2772,5162,2868],{"class":2866,"style":2867},[2772,5164,2860],{"class":2855,"style":2856},[2772,5166,3904,5167,2846,5169],{"class":2774,"style":2775},[2772,5168,2868],{"class":2866,"style":2867},[2772,5170,2860],{"class":2855,"style":2856},[2772,5172,3444,5173],{"class":2774,"style":2775},[2772,5174,5175],{"class":3025,"style":3026},"\u002F\u002F Explicitly pre-bundle known icons",[2772,5177,5178,5179,2846,5181,5183,5186,2846,5188,5191,5193],{"class":2774,"style":2775},"      icons",[2772,5180,2868],{"class":2866,"style":2867},[2772,5182,2871],{"class":2855,"style":2856},[2772,5184,5185],{"class":2877,"style":2878},"'uil:github'",[2772,5187,3058],{"class":2866,"style":2867},[2772,5189,5190],{"class":2877,"style":2878},"'heroicons:home'",[2772,5192,2885],{"class":2855,"style":2856},[2772,5194,3058],{"class":2866,"style":2867},[2772,5196,3444,5197],{"class":2774,"style":2775},[2772,5198,5199],{"class":3025,"style":3026},"\u002F\u002F Keep disabled if you only want explicit entries",[2772,5201,3911,5202,2846,5204,5206],{"class":2774,"style":2775},[2772,5203,2868],{"class":2866,"style":2867},[2772,5205,3787],{"class":3785,"style":3786},[2772,5207,3058],{"class":2866,"style":2867},[2772,5209,2874,5210,5212],{"class":2774,"style":2775},[2772,5211,2890],{"class":2855,"style":2856},[2772,5213,3058],{"class":2866,"style":2867},[2772,5215,2882,5216,5218],{"class":2774,"style":2775},[2772,5217,2890],{"class":2855,"style":2856},[2772,5219,3058],{"class":2866,"style":2867},[2772,5221,5222,5224],{"class":2774,"style":2775},[2772,5223,2890],{"class":2855,"style":2856},[2772,5225,2893],{"class":2855,"style":2856},[2633,5227,5228],{},"You can also enable static scanning to pre-bundle icons referenced literally in your source files:",[2764,5230,5231],{"language":2836,"class":2837},[2745,5232,5233,2654,5245,2654,5251,2654,5257,2654,5263,2654,5269,2654,5275,2654,5280,2654,5288,2654,5293,2654,5305,2654,5311,2654,5317],{"class":2840},[2772,5234,5235,2846,5237,2846,5239,5241,5243],{"class":2774,"style":2775},[2772,5236,2845],{"class":2784,"style":2785},[2772,5238,2849],{"class":2784,"style":2785},[2772,5240,2852],{"class":2778,"style":2779},[2772,5242,2857],{"class":2855,"style":2856},[2772,5244,2860],{"class":2855,"style":2856},[2772,5246,2863,5247,2846,5249],{"class":2774,"style":2775},[2772,5248,2868],{"class":2866,"style":2867},[2772,5250,2871],{"class":2855,"style":2856},[2772,5252,2874,5253,5255],{"class":2774,"style":2775},[2772,5254,2879],{"class":2877,"style":2878},[2772,5256,3058],{"class":2866,"style":2867},[2772,5258,2882,5259,5261],{"class":2774,"style":2775},[2772,5260,2885],{"class":2855,"style":2856},[2772,5262,3058],{"class":2866,"style":2867},[2772,5264,3043,5265,2846,5267],{"class":2774,"style":2775},[2772,5266,2868],{"class":2866,"style":2867},[2772,5268,2860],{"class":2855,"style":2856},[2772,5270,3904,5271,2846,5273],{"class":2774,"style":2775},[2772,5272,2868],{"class":2866,"style":2867},[2772,5274,2860],{"class":2855,"style":2856},[2772,5276,3444,5277],{"class":2774,"style":2775},[2772,5278,5279],{"class":3025,"style":3026},"\u002F\u002F Automatically includes statically-detected icon usages",[2772,5281,3911,5282,2846,5284,5286],{"class":2774,"style":2775},[2772,5283,2868],{"class":2866,"style":2867},[2772,5285,3916],{"class":3785,"style":3786},[2772,5287,3058],{"class":2866,"style":2867},[2772,5289,3444,5290],{"class":2774,"style":2775},[2772,5291,5292],{"class":3025,"style":3026},"\u002F\u002F Keep explicit entries for dynamic icon names",[2772,5294,5178,5295,2846,5297,5299,5301,5303],{"class":2774,"style":2775},[2772,5296,2868],{"class":2866,"style":2867},[2772,5298,2871],{"class":2855,"style":2856},[2772,5300,5185],{"class":2877,"style":2878},[2772,5302,2885],{"class":2855,"style":2856},[2772,5304,3058],{"class":2866,"style":2867},[2772,5306,2874,5307,5309],{"class":2774,"style":2775},[2772,5308,2890],{"class":2855,"style":2856},[2772,5310,3058],{"class":2866,"style":2867},[2772,5312,2882,5313,5315],{"class":2774,"style":2775},[2772,5314,2890],{"class":2855,"style":2856},[2772,5316,3058],{"class":2866,"style":2867},[2772,5318,5319,5321],{"class":2774,"style":2775},[2772,5320,2890],{"class":2855,"style":2856},[2772,5322,2893],{"class":2855,"style":2856},[2633,5324,5325,5326,5329,5330,5332],{},"If you want to disable runtime icon fetching entirely, see ",[2647,5327,2567],{"href":5328},"#disabling-runtime-fetching"," for the ",[2745,5331,3870],{}," + client bundle pattern.",[2740,5334,5335,5336,5339,5340,5343],{"as":3273},"Static scanning only detects literal icon names. See ",[2647,5337,2605],{"href":5338},"#scan-components"," for details and examples, and ",[2647,5341,2614],{"href":5342},"#rendering-icons-in-component-tests"," for test-environment setup.",[3858,5345,2602],{"id":2601},[2764,5347,5348],{"language":2836,"class":2837},[2745,5349,5350,2654,5362,2654,5368,2654,5372,2654,5378,2654,5384,2654,5390,2654,5395,2654,5401,2654,5407,2654,5412,2654,5418,2654,5420,2654,5425,2654,5433,2654,5435,2654,5440,2654,5449,2654,5451,2654,5456,2654,5466,2654,5472,2654,5478],{"class":2840},[2772,5351,5352,2846,5354,2846,5356,5358,5360],{"class":2774,"style":2775},[2772,5353,2845],{"class":2784,"style":2785},[2772,5355,2849],{"class":2784,"style":2785},[2772,5357,2852],{"class":2778,"style":2779},[2772,5359,2857],{"class":2855,"style":2856},[2772,5361,2860],{"class":2855,"style":2856},[2772,5363,2863,5364,2846,5366],{"class":2774,"style":2775},[2772,5365,2868],{"class":2866,"style":2867},[2772,5367,2871],{"class":2855,"style":2856},[2772,5369,2874,5370],{"class":2774,"style":2775},[2772,5371,2879],{"class":2877,"style":2878},[2772,5373,2882,5374,5376],{"class":2774,"style":2775},[2772,5375,2885],{"class":2855,"style":2856},[2772,5377,3058],{"class":2866,"style":2867},[2772,5379,3043,5380,2846,5382],{"class":2774,"style":2775},[2772,5381,2868],{"class":2866,"style":2867},[2772,5383,2860],{"class":2855,"style":2856},[2772,5385,3904,5386,2846,5388],{"class":2774,"style":2775},[2772,5387,2868],{"class":2866,"style":2867},[2772,5389,2860],{"class":2855,"style":2856},[2772,5391,3444,5392],{"class":2774,"style":2775},[2772,5393,5394],{"class":3025,"style":3026},"\u002F\u002F list of icons to include in the client bundle",[2772,5396,5178,5397,2846,5399],{"class":2774,"style":2775},[2772,5398,2868],{"class":2866,"style":2867},[2772,5400,2871],{"class":2855,"style":2856},[2772,5402,3476,5403,5405],{"class":2774,"style":2775},[2772,5404,5185],{"class":2877,"style":2878},[2772,5406,3058],{"class":2866,"style":2867},[2772,5408,3476,5409],{"class":2774,"style":2775},[2772,5410,5411],{"class":2877,"style":2878},"'logos:vitejs'",[2772,5413,3444,5414,5416],{"class":2774,"style":2775},[2772,5415,2885],{"class":2855,"style":2856},[2772,5417,3058],{"class":2866,"style":2867},[2772,5419],{"class":2774,"style":2775},[2772,5421,3444,5422],{"class":2774,"style":2775},[2772,5423,5424],{"class":3025,"style":3026},"\u002F\u002F scan all components in the project and include icons ",[2772,5426,3911,5427,2846,5429,5431],{"class":2774,"style":2775},[2772,5428,2868],{"class":2866,"style":2867},[2772,5430,3916],{"class":3785,"style":3786},[2772,5432,3058],{"class":2866,"style":2867},[2772,5434],{"class":2774,"style":2775},[2772,5436,3444,5437],{"class":2774,"style":2775},[2772,5438,5439],{"class":3025,"style":3026},"\u002F\u002F include all custom collections in the client bundle",[2772,5441,5442,5443,2846,5445,5447,2846],{"class":2774,"style":2775},"      includeCustomCollections",[2772,5444,2868],{"class":2866,"style":2867},[2772,5446,3916],{"class":3785,"style":3786},[2772,5448,3058],{"class":2866,"style":2867},[2772,5450],{"class":2774,"style":2775},[2772,5452,3444,5453],{"class":2774,"style":2775},[2772,5454,5455],{"class":3025,"style":3026},"\u002F\u002F guard for uncompressed bundle size, will fail the build if exceeds",[2772,5457,5458,5459,2846,5461,5464],{"class":2774,"style":2775},"      sizeLimitKb",[2772,5460,2868],{"class":2866,"style":2867},[2772,5462,5463],{"class":3697,"style":3698},"256",[2772,5465,3058],{"class":2866,"style":2867},[2772,5467,2874,5468,5470],{"class":2774,"style":2775},[2772,5469,2890],{"class":2855,"style":2856},[2772,5471,3058],{"class":2866,"style":2867},[2772,5473,2882,5474,5476],{"class":2774,"style":2775},[2772,5475,2890],{"class":2855,"style":2856},[2772,5477,3058],{"class":2866,"style":2867},[2772,5479,5480,5482],{"class":2774,"style":2775},[2772,5481,2890],{"class":2855,"style":2856},[2772,5483,2893],{"class":2855,"style":2856},[2633,5485,5486,5489,5490,5492,5493,5495],{},[2745,5487,5488],{},"includeCustomCollections"," will include all the custom collections you have defined in ",[2745,5491,3349],{}," in the client bundle. It's disabled by default but will automatically enable when ",[2745,5494,3738],{}," is set.",[3858,5497,2605],{"id":2604},[2633,5499,5500,5501,5504],{},"When ",[2745,5502,5503],{},"scan"," is enabled, the module will scan all the components in your project and include the icons used in the client bundle. This would significantly reduce the number of network requests needed for statically known icons, but might also increase the client bundle size depending on the number of icons used in your project.",[2633,5506,5507],{},"You can also fine-tune tine scanning targets like:",[2764,5509,5510],{"language":2836,"class":2837},[2745,5511,5512,2654,5524,2654,5530,2654,5534,2654,5540,2654,5546,2654,5552,2654,5558,2654,5563,2654,5582,2654,5605,2654,5611,2654,5617,2654,5623],{"class":2840},[2772,5513,5514,2846,5516,2846,5518,5520,5522],{"class":2774,"style":2775},[2772,5515,2845],{"class":2784,"style":2785},[2772,5517,2849],{"class":2784,"style":2785},[2772,5519,2852],{"class":2778,"style":2779},[2772,5521,2857],{"class":2855,"style":2856},[2772,5523,2860],{"class":2855,"style":2856},[2772,5525,2863,5526,2846,5528],{"class":2774,"style":2775},[2772,5527,2868],{"class":2866,"style":2867},[2772,5529,2871],{"class":2855,"style":2856},[2772,5531,2874,5532],{"class":2774,"style":2775},[2772,5533,2879],{"class":2877,"style":2878},[2772,5535,2882,5536,5538],{"class":2774,"style":2775},[2772,5537,2885],{"class":2855,"style":2856},[2772,5539,3058],{"class":2866,"style":2867},[2772,5541,3043,5542,2846,5544],{"class":2774,"style":2775},[2772,5543,2868],{"class":2866,"style":2867},[2772,5545,2860],{"class":2855,"style":2856},[2772,5547,3904,5548,2846,5550],{"class":2774,"style":2775},[2772,5549,2868],{"class":2866,"style":2867},[2772,5551,2860],{"class":2855,"style":2856},[2772,5553,3911,5554,2846,5556],{"class":2774,"style":2775},[2772,5555,2868],{"class":2866,"style":2867},[2772,5557,2860],{"class":2855,"style":2856},[2772,5559,3476,5560],{"class":2774,"style":2775},[2772,5561,5562],{"class":3025,"style":3026},"\u002F\u002F note that when you specify those values, the default behavior will be overridden",[2772,5564,5565,5566,2846,5568,5570,5573,2846,5575,5578,5580],{"class":2774,"style":2775},"        globInclude",[2772,5567,2868],{"class":2866,"style":2867},[2772,5569,2871],{"class":2855,"style":2856},[2772,5571,5572],{"class":2877,"style":2878},"'components\u002F**\u002F*.vue'",[2772,5574,3058],{"class":2866,"style":2867},[2772,5576,5577],{"class":3025,"style":3026},"\u002F* ... *\u002F",[2772,5579,2885],{"class":2855,"style":2856},[2772,5581,3058],{"class":2866,"style":2867},[2772,5583,5584,5585,2846,5587,5589,5592,2846,5594,5597,2846,5599,5601,5603],{"class":2774,"style":2775},"        globExclude",[2772,5586,2868],{"class":2866,"style":2867},[2772,5588,2871],{"class":2855,"style":2856},[2772,5590,5591],{"class":2877,"style":2878},"'node_modules'",[2772,5593,3058],{"class":2866,"style":2867},[2772,5595,5596],{"class":2877,"style":2878},"'dist'",[2772,5598,3058],{"class":2866,"style":2867},[2772,5600,5577],{"class":3025,"style":3026},[2772,5602,2885],{"class":2855,"style":2856},[2772,5604,3058],{"class":2866,"style":2867},[2772,5606,3444,5607,5609],{"class":2774,"style":2775},[2772,5608,2890],{"class":2855,"style":2856},[2772,5610,3058],{"class":2866,"style":2867},[2772,5612,2874,5613,5615],{"class":2774,"style":2775},[2772,5614,2890],{"class":2855,"style":2856},[2772,5616,3058],{"class":2866,"style":2867},[2772,5618,2882,5619,5621],{"class":2774,"style":2775},[2772,5620,2890],{"class":2855,"style":2856},[2772,5622,3058],{"class":2866,"style":2867},[2772,5624,5625,5627],{"class":2774,"style":2775},[2772,5626,2890],{"class":2855,"style":2856},[2772,5628,2893],{"class":2855,"style":2856},[2740,5630,5631,5634],{"as":3273},[2633,5632,5633],{},"Scanning is relying on static analysis, which means only literal usages will be detected. Avoid constructing the icon name dynamically whenever possible.",[2764,5635,5636],{"language":3542,"class":3543},[2745,5637,5638,2654,5646,2654,5651,2654,5667,2654,5669,2654,5674,2654,5689],{"class":3546},[2772,5639,5640,5642,5644],{"class":2774,"style":2775},[2772,5641,2975],{"class":2866,"style":2867},[2772,5643,3553],{"class":2978,"style":2979},[2772,5645,3556],{"class":2866,"style":2867},[2772,5647,2882,5648],{"class":2774,"style":2775},[2772,5649,5650],{"class":3025,"style":3026},"\u003C!-- Avoid this -->",[2772,5652,2882,5653,5655,2846,5657,5660,5662,2846,5665],{"class":2774,"style":2775},[2772,5654,2975],{"class":2866,"style":2867},[2772,5656,2980],{"class":2978,"style":2979},[2772,5658,5659],{"class":2784,"style":2785},":name",[2772,5661,2987],{"class":2866,"style":2867},[2772,5663,5664],{"class":2877,"style":2878},"\"`carbon:${dark ? 'moon' : 'sun'}`\"",[2772,5666,3001],{"class":2866,"style":2867},[2772,5668],{"class":2774,"style":2775},[2772,5670,2882,5671],{"class":2774,"style":2775},[2772,5672,5673],{"class":3025,"style":3026},"\u003C!-- Prefer this -->",[2772,5675,2882,5676,5678,2846,5680,5682,5684,2846,5687],{"class":2774,"style":2775},[2772,5677,2975],{"class":2866,"style":2867},[2772,5679,2980],{"class":2978,"style":2979},[2772,5681,5659],{"class":2784,"style":2785},[2772,5683,2987],{"class":2866,"style":2867},[2772,5685,5686],{"class":2877,"style":2878},"\"dark ? 'carbon:moon' : 'carbon:sun'\"",[2772,5688,3001],{"class":2866,"style":2867},[2772,5690,5691,5693,5695],{"class":2774,"style":2775},[2772,5692,3591],{"class":2866,"style":2867},[2772,5694,3553],{"class":2978,"style":2979},[2772,5696,3556],{"class":2866,"style":2867},[3078,5698,2608],{"id":2607},[2633,5700,5701,5702,5706,5707,5710,5711,5713],{},"If you are building a plain Vue app with Vite (for example when using ",[2647,5703,5705],{"href":5704},"https:\u002F\u002Fui.nuxt.com\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fvue","Nuxt UI's Vue integration","), there is no Nuxt server to serve icons from, and ",[2745,5708,5709],{},"@iconify\u002Fvue"," would fetch icons from the Iconify API at runtime. To render icons offline (and during SSR) without network requests, ",[2745,5712,2415],{}," ships a standalone Vite plugin that pre-bundles the icons you use into the client build:",[2764,5715,5716],{"language":2836,"class":2837},[2745,5717,5718,2654,5723,2654,5737,2654,5753,2654,5755,2654,5768,2654,5775,2654,5783,2654,5788,2654,5804,2654,5809,2654,5817,2654,5825,2654,5831],{"class":2840},[2772,5719,5720],{"class":2774,"style":2775},[2772,5721,5722],{"class":3025,"style":3026},"\u002F\u002F vite.config.ts",[2772,5724,5725,2846,5727,5729,5730,2846,5732,2846,5734],{"class":2774,"style":2775},[2772,5726,3358],{"class":2784,"style":2785},[2772,5728,2860],{"class":2855,"style":2856}," defineConfig ",[2772,5731,2890],{"class":2855,"style":2856},[2772,5733,3366],{"class":2784,"style":2785},[2772,5735,5736],{"class":2877,"style":2878},"'vite'",[2772,5738,5739,2846,5741,2846,5743,2846,5746,2846,5748,2846,5750],{"class":2774,"style":2775},[2772,5740,3358],{"class":2784,"style":2785},[2772,5742,2860],{"class":2855,"style":2856},[2772,5744,5745],{"class":2983,"style":2984},"NuxtIconBundle",[2772,5747,2890],{"class":2855,"style":2856},[2772,5749,3366],{"class":2784,"style":2785},[2772,5751,5752],{"class":2877,"style":2878},"'@nuxt\u002Ficon\u002Fvite'",[2772,5754],{"class":2774,"style":2775},[2772,5756,5757,2846,5759,2846,5761,5764,5766],{"class":2774,"style":2775},[2772,5758,2845],{"class":2784,"style":2785},[2772,5760,2849],{"class":2784,"style":2785},[2772,5762,5763],{"class":2778,"style":2779},"defineConfig",[2772,5765,2857],{"class":2855,"style":2856},[2772,5767,2860],{"class":2855,"style":2856},[2772,5769,5770,5771,2846,5773],{"class":2774,"style":2775},"  plugins",[2772,5772,2868],{"class":2866,"style":2867},[2772,5774,2871],{"class":2855,"style":2856},[2772,5776,2874,5777,5779,5781],{"class":2774,"style":2775},[2772,5778,5745],{"class":2983,"style":2984},[2772,5780,2857],{"class":2855,"style":2856},[2772,5782,2860],{"class":2855,"style":2856},[2772,5784,3444,5785],{"class":2774,"style":2775},[2772,5786,5787],{"class":3025,"style":3026},"\u002F\u002F Explicitly pre-bundle known icons (hard-fails the build when missing locally)",[2772,5789,5178,5790,2846,5792,5794,5796,2846,5798,5800,5802],{"class":2774,"style":2775},[2772,5791,2868],{"class":2866,"style":2867},[2772,5793,2871],{"class":2855,"style":2856},[2772,5795,5185],{"class":2877,"style":2878},[2772,5797,3058],{"class":2866,"style":2867},[2772,5799,5190],{"class":2877,"style":2878},[2772,5801,2885],{"class":2855,"style":2856},[2772,5803,3058],{"class":2866,"style":2867},[2772,5805,3444,5806],{"class":2774,"style":2775},[2772,5807,5808],{"class":3025,"style":3026},"\u002F\u002F Scanning your source files for icon usages is enabled by default",[2772,5810,3911,5811,2846,5813,5815],{"class":2774,"style":2775},[2772,5812,2868],{"class":2866,"style":2867},[2772,5814,3916],{"class":3785,"style":3786},[2772,5816,3058],{"class":2866,"style":2867},[2772,5818,2874,5819,5821,5823],{"class":2774,"style":2775},[2772,5820,2890],{"class":2855,"style":2856},[2772,5822,2893],{"class":2855,"style":2856},[2772,5824,3058],{"class":2866,"style":2867},[2772,5826,2882,5827,5829],{"class":2774,"style":2775},[2772,5828,2885],{"class":2855,"style":2856},[2772,5830,3058],{"class":2866,"style":2867},[2772,5832,5833,5835],{"class":2774,"style":2775},[2772,5834,2890],{"class":2855,"style":2856},[2772,5836,2893],{"class":2855,"style":2856},[2633,5838,5839],{},"Then register the bundled icons once in your entry file:",[2764,5841,5842],{"language":2836,"class":2837},[2745,5843,5844,2654,5849],{"class":2840},[2772,5845,5846],{"class":2774,"style":2775},[2772,5847,5848],{"class":3025,"style":3026},"\u002F\u002F main.ts",[2772,5850,5851,2846,5853],{"class":2774,"style":2775},[2772,5852,3358],{"class":2784,"style":2785},[2772,5854,5855],{"class":2877,"style":2878},"'virtual:nuxt-icon-bundle\u002Fregister'",[2633,5857,5858,5859,5862,5863,2868],{},"Make sure the icon collections you use are installed locally (e.g. ",[2745,5860,5861],{},"npm i -D @iconify-json\u002Fuil","), and add the type shims for the virtual modules to your ",[2745,5864,254],{},[2764,5866,5869],{"language":5867,"class":5868},"json","shj shiki shj-lang-json",[2745,5870,5872,2654,5876,2654,5884,2654,5896,2654,5900],{"class":5871},"language-json",[2772,5873,5874],{"class":2774,"style":2775},[2772,5875,2860],{"class":2855,"style":2856},[2772,5877,2882,5878,5881,5882],{"class":2774,"style":2775},[2772,5879,5880],{"class":2978,"style":2979},"\"compilerOptions\"",": ",[2772,5883,2860],{"class":2855,"style":2856},[2772,5885,2874,5886,5881,5889,5891,5894],{"class":2774,"style":2775},[2772,5887,5888],{"class":2978,"style":2979},"\"types\"",[2772,5890,2871],{"class":2855,"style":2856},[2772,5892,5893],{"class":2877,"style":2878},"\"@nuxt\u002Ficon\u002Fclient\"",[2772,5895,2885],{"class":2855,"style":2856},[2772,5897,2882,5898],{"class":2774,"style":2775},[2772,5899,2890],{"class":2855,"style":2856},[2772,5901,5902],{"class":2774,"style":2775},[2772,5903,2890],{"class":2855,"style":2856},[2633,5905,5906,5907,5910,5911,5914,5915,5914,5917,5920,5921,5924,5925,5927,5928,5930],{},"The plugin accepts the same options as ",[2745,5908,5909],{},"icon.clientBundle"," (",[2745,5912,5913],{},"icons",", ",[2745,5916,5503],{},[2745,5918,5919],{},"sizeLimitKb","), plus ",[2745,5922,5923],{},"customCollections"," — with two differences in defaults: ",[2745,5926,5503],{}," is enabled by default (bundling is the whole point of the plugin), and ",[2745,5929,5488],{}," is always enabled by default (there is no server provider to fall back to).",[2633,5932,5933,5934,5937,5938,5941,5942,5944,5945,5914,5948,5914,5951,5954,5955,2700],{},"For library and framework authors integrating icons themselves: ",[2745,5935,5936],{},"virtual:nuxt-icon-bundle"," exports ",[2745,5939,5940],{},"init(addIcon)"," so you can register the bundled data on your own copy of ",[2745,5943,5709],{}," (or any compatible store), and the underlying primitives (",[2745,5946,5947],{},"IconUsageScanner",[2745,5949,5950],{},"resolveBundleIcons",[2745,5952,5953],{},"generateClientBundleCode",", ...) are exported from ",[2745,5956,5957],{},"@nuxt\u002Ficon\u002Futils",[2633,5959,5960,5961,5967,5968,5971],{},"See ",[2647,5962,5964],{"href":5963},".\u002Fplaygrounds\u002Fvite\u002F",[2745,5965,5966],{},"playgrounds\u002Fvite\u002F"," for a working example (",[2745,5969,5970],{},"pnpm play:vite"," to run it locally).",[3078,5973,2611],{"id":2610},[2633,5975,5976,5977,5979,5980,2868],{},"You can use the ",[2745,5978,2980],{}," component in a render function (useful if you create a functional component), for this you can import it from ",[2745,5981,5982],{},"#components",[2764,5984,5985],{"language":2836,"class":2837},[2745,5986,5987],{"class":2840},[2772,5988,5989,2846,5991,2846,5993,2846,5995,2846,5997,2846,5999],{"class":2774,"style":2775},[2772,5990,3358],{"class":2784,"style":2785},[2772,5992,2860],{"class":2855,"style":2856},[2772,5994,2980],{"class":2983,"style":2984},[2772,5996,2890],{"class":2855,"style":2856},[2772,5998,3366],{"class":2784,"style":2785},[2772,6000,6001],{"class":2877,"style":2878},"'#components'",[2633,6003,6004,6005,6008],{},"See an example of a ",[2745,6006,6007],{},"\u003CMyIcon>"," component:",[2764,6010,6011],{"language":3542,"class":3543},[2745,6012,6013,2654,6023,2654,6037,2654,6039,2654,6068,2654,6076,2654,6078,2654,6086,2654,6106],{"class":3546},[2772,6014,6015,6017,2846,6019,6021],{"class":2774,"style":2775},[2772,6016,2975],{"class":2866,"style":2867},[2772,6018,4339],{"class":2978,"style":2979},[2772,6020,2548],{"class":2983,"style":2984},[2772,6022,3556],{"class":2866,"style":2867},[2772,6024,6025,2846,6027,2846,6029,2846,6031,2846,6033,2846,6035],{"class":2774,"style":2775},[2772,6026,3358],{"class":2784,"style":2785},[2772,6028,2860],{"class":2855,"style":2856},[2772,6030,2980],{"class":2983,"style":2984},[2772,6032,2890],{"class":2855,"style":2856},[2772,6034,3366],{"class":2784,"style":2785},[2772,6036,6001],{"class":2877,"style":2878},[2772,6038],{"class":2774,"style":2775},[2772,6040,6041,2846,6043,2846,6046,2846,6048,6051,6053,6055,2846,6057,4372,6059,2846,6061,2846,6064,6066],{"class":2774,"style":2775},[2772,6042,3376],{"class":2784,"style":2785},[2772,6044,6045],{"class":2983,"style":2984},"MyIcon",[2772,6047,2987],{"class":2866,"style":2867},[2772,6049,6050],{"class":2778,"style":2779},"h",[2772,6052,2857],{"class":2855,"style":2856},[2772,6054,2980],{"class":2983,"style":2984},[2772,6056,3058],{"class":2866,"style":2867},[2772,6058,2860],{"class":2855,"style":2856},[2772,6060,2868],{"class":2866,"style":2867},[2772,6062,6063],{"class":2877,"style":2878},"'uil:twitter'",[2772,6065,2890],{"class":2855,"style":2856},[2772,6067,2893],{"class":2855,"style":2856},[2772,6069,6070,6072,6074],{"class":2774,"style":2775},[2772,6071,3591],{"class":2866,"style":2867},[2772,6073,4339],{"class":2978,"style":2979},[2772,6075,3556],{"class":2866,"style":2867},[2772,6077],{"class":2774,"style":2775},[2772,6079,6080,6082,6084],{"class":2774,"style":2775},[2772,6081,2975],{"class":2866,"style":2867},[2772,6083,3553],{"class":2978,"style":2979},[2772,6085,3556],{"class":2866,"style":2867},[2772,6087,2882,6088,6090,6092,6094,6096,2846,6098,6100,6102,6104],{"class":2774,"style":2775},[2772,6089,2975],{"class":2866,"style":2867},[2772,6091,2633],{"class":2978,"style":2979},[2772,6093,3556],{"class":2866,"style":2867},[2772,6095,2975],{"class":2866,"style":2867},[2772,6097,6045],{"class":2978,"style":2979},[2772,6099,3001],{"class":2866,"style":2867},[2772,6101,3591],{"class":2866,"style":2867},[2772,6103,2633],{"class":2978,"style":2979},[2772,6105,3556],{"class":2866,"style":2867},[2772,6107,6108,6110,6112],{"class":2774,"style":2775},[2772,6109,3591],{"class":2866,"style":2867},[2772,6111,3553],{"class":2978,"style":2979},[2772,6113,3556],{"class":2866,"style":2867},[3078,6115,2614],{"id":2613},[2633,6117,6118,6119,2937,6125,6131,6132,6135],{},"In in-browser component testing environments (such as ",[2647,6120,6122],{"href":6121},"https:\u002F\u002Fvitest.dev\u002Fguide\u002Fbrowser\u002F",[2908,6123,6124],{},"Vitest Browser Mode",[2647,6126,6128],{"href":6127},"https:\u002F\u002Fon.cypress.io\u002Fcomponent-testing",[2908,6129,6130],{},"Cypress Component Testing","), the internal Nuxt server routes used to fetch icons on demand are ",[2908,6133,6134],{},"not available",". As a result, icons may fail to render during tests.",[2633,6137,6138,6139,6141,6142,6144],{},"To ensure icons render correctly in component tests, configure ",[2908,6140,2415],{}," to use the ",[2908,6143,3866],{}," when running in test mode.",[2740,6146,6147,6150,6151,6157],{},[2908,6148,6149],{},"Note","\nProjects using ",[2647,6152,6154],{"href":6153},"https:\u002F\u002Fui.nuxt.com\u002F",[2908,6155,6156],{},"@nuxt\u002Fui"," must do this to see any UI icons during component testing.",[3858,6159,2618],{"id":2617},[2702,6161,6162,6168],{},[2705,6163,6164,6165,3114],{},"Install the icon collections you use locally (for example, ",[2745,6166,6167],{},"@iconify-json\u002Flucide",[2705,6169,6170,6171,6174],{},"Icons will ",[2908,6172,6173],{},"not"," be fetched remotely when using the client bundle.",[3858,6176,2621],{"id":2620},[2633,6178,6179,6180,2868],{},"Conditionally switch to the client bundle in your Nuxt config when ",[2745,6181,6182],{},"NODE_ENV === 'test'",[2764,6184,6185],{"language":2836,"class":2837},[2745,6186,6187,2654,6199,2654,6205,2654,6211,2654,6217,2654,6219,2654,6237,2654,6244,2654,6249,2654,6253,2654,6259,2654,6264,2654,6273,2654,6275,2654,6282,2654,6288,2654,6302,2654,6304,2654,6309,2654,6316,2654,6323,2654,6331,2654,6338,2654,6345,2654,6358,2654,6364,2654,6370,2654,6376],{"class":2840},[2772,6188,6189,2846,6191,2846,6193,6195,6197],{"class":2774,"style":2775},[2772,6190,2845],{"class":2784,"style":2785},[2772,6192,2849],{"class":2784,"style":2785},[2772,6194,2852],{"class":2778,"style":2779},[2772,6196,2857],{"class":2855,"style":2856},[2772,6198,2860],{"class":2855,"style":2856},[2772,6200,2863,6201,2846,6203],{"class":2774,"style":2775},[2772,6202,2868],{"class":2866,"style":2867},[2772,6204,2871],{"class":2855,"style":2856},[2772,6206,2874,6207,6209],{"class":2774,"style":2775},[2772,6208,2879],{"class":2877,"style":2878},[2772,6210,3058],{"class":2866,"style":2867},[2772,6212,2882,6213,6215],{"class":2774,"style":2775},[2772,6214,2885],{"class":2855,"style":2856},[2772,6216,3058],{"class":2866,"style":2867},[2772,6218],{"class":2774,"style":2775},[2772,6220,3043,6221,6223,6224,6226,6227,6229,2846,6232,2846,6234],{"class":2774,"style":2775},[2772,6222,2868],{"class":2866,"style":2867}," process",[2772,6225,2700],{"class":2866,"style":2867},"env",[2772,6228,2700],{"class":2866,"style":2867},[2772,6230,6231],{"class":3697,"style":3698},"NODE_ENV",[2772,6233,4402],{"class":2866,"style":2867},[2772,6235,6236],{"class":2877,"style":2878},"'test'",[2772,6238,2874,6239,2846,6242],{"class":2774,"style":2775},[2772,6240,6241],{"class":2866,"style":2867},"?",[2772,6243,2860],{"class":2855,"style":2856},[2772,6245,3476,6246],{"class":2774,"style":2775},[2772,6247,6248],{"class":3025,"style":3026},"\u002F\u002F Production or development icon configuration",[2772,6250,3444,6251],{"class":2774,"style":2775},[2772,6252,2890],{"class":2855,"style":2856},[2772,6254,2874,6255,2846,6257],{"class":2774,"style":2775},[2772,6256,2868],{"class":2866,"style":2867},[2772,6258,2860],{"class":2855,"style":2856},[2772,6260,3476,6261],{"class":2774,"style":2775},[2772,6262,6263],{"class":3025,"style":3026},"\u002F\u002F Disable all network icon fetching in component tests",[2772,6265,6266,6267,2846,6269,6271],{"class":2774,"style":2775},"        provider",[2772,6268,2868],{"class":2866,"style":2867},[2772,6270,3899],{"class":2877,"style":2878},[2772,6272,3058],{"class":2866,"style":2867},[2772,6274],{"class":2774,"style":2775},[2772,6276,6277,6278,2846,6280],{"class":2774,"style":2775},"        clientBundle",[2772,6279,2868],{"class":2866,"style":2867},[2772,6281,2860],{"class":2855,"style":2856},[2772,6283,6284,6285],{"class":2774,"style":2775},"          ",[2772,6286,6287],{"class":3025,"style":3026},"\u002F\u002F Explicitly include dynamically constructed icons",[2772,6289,6290,6291,2846,6293,6295,6298,6300],{"class":2774,"style":2775},"          icons",[2772,6292,2868],{"class":2866,"style":2867},[2772,6294,2871],{"class":2855,"style":2856},[2772,6296,6297],{"class":2877,"style":2878},"'lucide:check'",[2772,6299,2885],{"class":2855,"style":2856},[2772,6301,3058],{"class":2866,"style":2867},[2772,6303],{"class":2774,"style":2775},[2772,6305,6284,6306],{"class":2774,"style":2775},[2772,6307,6308],{"class":3025,"style":3026},"\u002F\u002F Scan your app and Nuxt UI runtime for static icon usage",[2772,6310,6311,6312,2846,6314],{"class":2774,"style":2775},"          scan",[2772,6313,2868],{"class":2866,"style":2867},[2772,6315,2860],{"class":2855,"style":2856},[2772,6317,6318,6319,2846,6321],{"class":2774,"style":2775},"            globInclude",[2772,6320,2868],{"class":2866,"style":2867},[2772,6322,2871],{"class":2855,"style":2856},[2772,6324,6325,6326,6329],{"class":2774,"style":2775},"              ",[2772,6327,6328],{"class":2877,"style":2878},"'{app,shared}\u002F**'",[2772,6330,3058],{"class":2866,"style":2867},[2772,6332,6325,6333,6336],{"class":2774,"style":2775},[2772,6334,6335],{"class":2877,"style":2878},"'node_modules\u002F@nuxt\u002Fui\u002Fdist\u002F**'",[2772,6337,3058],{"class":2866,"style":2867},[2772,6339,6340,6341,6343],{"class":2774,"style":2775},"            ",[2772,6342,2885],{"class":2855,"style":2856},[2772,6344,3058],{"class":2866,"style":2867},[2772,6346,6347,6348,2846,6350,6352,6354,6356],{"class":2774,"style":2775},"            globExclude",[2772,6349,2868],{"class":2866,"style":2867},[2772,6351,2871],{"class":2855,"style":2856},[2772,6353,5591],{"class":2877,"style":2878},[2772,6355,2885],{"class":2855,"style":2856},[2772,6357,3058],{"class":2866,"style":2867},[2772,6359,6284,6360,6362],{"class":2774,"style":2775},[2772,6361,2890],{"class":2855,"style":2856},[2772,6363,3058],{"class":2866,"style":2867},[2772,6365,3476,6366,6368],{"class":2774,"style":2775},[2772,6367,2890],{"class":2855,"style":2856},[2772,6369,3058],{"class":2866,"style":2867},[2772,6371,3444,6372,6374],{"class":2774,"style":2775},[2772,6373,2890],{"class":2855,"style":2856},[2772,6375,3058],{"class":2866,"style":2867},[2772,6377,6378,6380],{"class":2774,"style":2775},[2772,6379,2890],{"class":2855,"style":2856},[2772,6381,2893],{"class":2855,"style":2856},[2740,6383,6384,6389],{},[2633,6385,6386],{},[2908,6387,6388],{},"Tips",[2702,6390,6391,6396],{},[2705,6392,6393,6394,2700],{},"Dynamically generated icon names may not be detected by static scanning—add them explicitly to ",[2745,6395,5913],{},[2705,6397,6398,6399,2937,6402,6405],{},"For large apps, consider moving test-only configuration into ",[2745,6400,6401],{},"vitest.config.ts",[2745,6403,6404],{},"cypress.config.ts"," for clarity.",[2718,6407,2624],{"id":2623},[6409,6410,6411,6414,6432,6439],"ol",{},[2705,6412,6413],{},"Clone this repository",[2705,6415,6416,6417,6420,6421,6424,6425,5914,6428,2893],{},"Install dependencies using ",[2745,6418,6419],{},"pnpm install"," (install ",[2745,6422,6423],{},"pnpm"," with ",[2745,6426,6427],{},"corepack enable",[2647,6429,6431],{"href":6430},"https:\u002F\u002Fpnpm.io\u002Finstallation#using-corepack","learn more",[2705,6433,6434,6435,6438],{},"Run ",[2745,6436,6437],{},"npm run dev:prepare"," to generate type stubs.",[2705,6440,6441,6442,6445,6446,6450],{},"Use ",[2745,6443,6444],{},"npm run dev"," to start ",[2647,6447,6449],{"href":6448},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Ftree\u002Fmain\u002Fplaygrounds\u002Fnuxt","playground"," in development mode.",[2718,6452,2627],{"id":2626},[2702,6454,6455,6462],{},[2705,6456,6457,6461],{},[2647,6458,6460],{"href":6459},"https:\u002F\u002Fgithub.com\u002Fbenjamincanac","@benjamincanac"," for the initial version",[2705,6463,6464,6468,6469],{},[2647,6465,6467],{"href":6466},"https:\u002F\u002Fgithub.com\u002Fcyberalien","@cyberalien"," for making ",[2647,6470,2699],{"href":6471},"https:\u002F\u002Fgithub.com\u002Ficonify\u002Ficonify",[2718,6473,2630],{"id":2629},[2633,6475,6476],{},[2647,6477,6478],{"href":2663},"MIT License",[6480,6481,6482],null,{}," Badges ",[6484,6485],"component",{},[6484,6487],{},[6484,6489],{},[6484,6491],{},[6484,6493],{},[6484,6495],{},[6484,6497],{},[6484,6499],{},{"v5":6501,"v4":6502,"v3":6503,"v2":6504},"5 (nightly)","4.5.2","3.21.11","2.18.1"]