[{"data":1,"prerenderedAt":3087},["ShallowReactive",2],{"docs-all-flat":3,"docs-\u002Fdocs\u002Fapi\u002Fkit\u002Fplugins":1018},[4,8,12,16,20,24,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,352,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419,423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,535,539,543,547,551,555,559,563,567,571,575,579,583,587,591,595,599,603,607,611,615,619,623,627,631,635,639,643,647,651,655,659,663,667,671,675,679,683,687,691,695,699,703,707,711,715,719,723,727,731,735,739,743,747,751,755,759,763,767,770,774,778,782,786,790,794,798,802,806,809,813,817,821,825,829,833,837,841,845,849,852,855,859,863,867,871,874,877,881,884,888,892,895,898,901,904,907,911,915,918,922,926,930,934,938,942,946,950,954,958,962,966,970,974,978,982,986,990,994,998,1002,1006,1010,1014],{"path":5,"title":6,"description":7},"\u002Fdocs\u002Fgetting-started\u002Fintroduction","介绍","Nuxt 的目标是提供直观且高性能的 Web 开发体验，并始终将优秀的开发者体验（Developer Experience）放在心上。",{"path":9,"title":10,"description":11},"\u002Fdocs\u002Fgetting-started\u002Finstallation","安装","通过在线 starter 快速上手 Nuxt，或在本地使用终端从零开始。",{"path":13,"title":14,"description":15},"\u002Fdocs\u002Fgetting-started\u002Fconfiguration","配置","Nuxt 提供了合理的默认配置，让你高效开发。",{"path":17,"title":18,"description":19},"\u002Fdocs\u002Fgetting-started\u002Fviews","视图","Nuxt 提供了多个组件层来实现应用的用户界面。",{"path":21,"title":22,"description":23},"\u002Fdocs\u002Fgetting-started\u002Fassets","资源","Nuxt 为你的资源提供了两种处理方式。",{"path":25,"title":26,"description":27},"\u002Fdocs\u002Fgetting-started\u002Fstyling","样式","了解如何为你的 Nuxt 应用添加样式。",{"path":29,"title":30,"description":31},"\u002Fdocs\u002Fgetting-started\u002Frouting","路由","Nuxt 的文件系统路由会为 pages\u002F 目录中的每个文件创建一条路由。",{"path":33,"title":34,"description":35},"\u002Fdocs\u002Fgetting-started\u002Fseo-meta","SEO 与 Meta","借助强大的 head 配置、composables 和组件，改善你的 Nuxt 应用的 SEO。",{"path":37,"title":38,"description":39},"\u002Fdocs\u002Fgetting-started\u002Ftransitions","过渡","使用 Vue 或浏览器原生的 View Transitions，在页面和布局之间应用过渡效果。",{"path":41,"title":42,"description":43},"\u002Fdocs\u002Fgetting-started\u002Fdata-fetching","数据获取","Nuxt 提供了用于处理应用内数据获取的 composables。",{"path":45,"title":46,"description":47},"\u002Fdocs\u002Fgetting-started\u002Fstate-management","状态管理","Nuxt 提供了强大的状态管理库和 useState composable，用于创建响应式且对 SSR 友好的共享状态。",{"path":49,"title":50,"description":51},"\u002Fdocs\u002Fgetting-started\u002Ferror-handling","错误处理","了解如何在 Nuxt 中捕获和处理错误。",{"path":53,"title":54,"description":55},"\u002Fdocs\u002Fgetting-started\u002Fserver","Server","利用 Nuxt 的服务端框架构建全栈应用。你可以从数据库或其他服务端获取数据、创建 API，甚至生成像站点地图或 RSS 这样的静态服务端内容——全部来自同一个代码库。",{"path":57,"title":58,"description":59},"\u002Fdocs\u002Fgetting-started\u002Flayers","Layers","Nuxt 提供了一套强大的系统，允许你扩展默认文件、配置以及更多内容。",{"path":61,"title":62,"description":63},"\u002Fdocs\u002Fgetting-started\u002Fprerendering","Prerendering","Nuxt 允许在构建时静态渲染某些页面，以改善特定的性能或 SEO 指标。",{"path":65,"title":66,"description":67},"\u002Fdocs\u002Fgetting-started\u002Fdeployment","Deployment","了解如何将你的 Nuxt 应用部署到任何托管提供商。",{"path":69,"title":70,"description":71},"\u002Fdocs\u002Fgetting-started\u002Ftesting","Testing","如何测试你的 Nuxt 应用。",{"path":73,"title":74,"description":75},"\u002Fdocs\u002Fgetting-started\u002Fupgrade","Upgrade Guide","了解如何升级到最新的 Nuxt 版本。",{"path":77,"title":78,"description":79},"\u002Fdocs\u002Fdirectory-structure\u002Fnuxt",".nuxt","Nuxt 在开发阶段使用 .nuxt\u002F 目录来生成你的 Vue 应用。",{"path":81,"title":82,"description":83},"\u002Fdocs\u002Fdirectory-structure\u002Foutput",".output","Nuxt 在为生产环境构建应用时创建 .output\u002F 目录。",{"path":85,"title":86,"description":87},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fassets","assets","assets\u002F 目录用于添加所有将由构建工具处理的网站资源。",{"path":89,"title":90,"description":91},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fcomponents","components","components\u002F 目录用于存放你所有的 Vue 组件。",{"path":93,"title":94,"description":95},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fcomposables","composables","使用 composables\u002F 目录将你的 Vue 组合式函数自动导入到应用中。",{"path":97,"title":98,"description":99},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Flayouts","layouts","Nuxt 提供了一个布局框架，用于将通用的 UI 模式提取为可复用的布局。",{"path":101,"title":102,"description":103},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fmiddleware","middleware","Nuxt 提供中间件，用于在导航到特定路由前运行代码。",{"path":105,"title":106,"description":107},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fpages","pages","Nuxt 提供基于文件的路由，用于在 Web 应用中创建路由。",{"path":109,"title":110,"description":111},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fplugins","plugins","Nuxt 拥有一个插件系统，用于在创建 Vue 应用时使用 Vue 插件等。",{"path":113,"title":114,"description":115},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Futils","utils","使用 utils\u002F 目录在你的应用中自动导入工具函数。",{"path":117,"title":118,"description":119},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fapp","app.vue","app.vue 文件是你 Nuxt 应用的主组件。",{"path":121,"title":122,"description":123},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Fapp-config","app.config.ts","使用 App Config 文件在应用内部暴露响应式配置。",{"path":125,"title":126,"description":127},"\u002Fdocs\u002Fdirectory-structure\u002Fapp\u002Ferror","error.vue","error.vue 文件是你 Nuxt 应用中的错误页面。",{"path":129,"title":130,"description":131},"\u002Fdocs\u002Fdirectory-structure\u002Fcontent","content","使用 content\u002F 目录为你的应用创建一个基于文件的 CMS。",{"path":133,"title":134,"description":135},"\u002Fdocs\u002Fdirectory-structure\u002Flayers","layers","使用 layers\u002F 目录在你的应用中组织和自动注册本地 layers。",{"path":137,"title":138,"description":139},"\u002Fdocs\u002Fdirectory-structure\u002Fmodules","modules","使用 modules\u002F 目录在你的应用中自动注册本地模块。",{"path":141,"title":142,"description":143},"\u002Fdocs\u002Fdirectory-structure\u002Fnode_modules","node_modules","包管理器将项目的依赖存储在 node_modules\u002F 目录中。",{"path":145,"title":146,"description":147},"\u002Fdocs\u002Fdirectory-structure\u002Fpublic","public","public\u002F 目录用于提供网站的静态资源。",{"path":149,"title":150,"description":151},"\u002Fdocs\u002Fdirectory-structure\u002Fserver","server","server\u002F 目录用于为你的应用注册 API 和服务端处理器。",{"path":153,"title":154,"description":155},"\u002Fdocs\u002Fdirectory-structure\u002Fshared","shared","使用 shared\u002F 目录在 Vue 应用和 Nitro 服务端之间共享功能。",{"path":157,"title":158,"description":159},"\u002Fdocs\u002Fdirectory-structure\u002Fenv",".env",".env 文件用于指定构建\u002F开发时的环境变量。",{"path":161,"title":162,"description":163},"\u002Fdocs\u002Fdirectory-structure\u002Fgitignore",".gitignore",".gitignore 文件用于指定 git 应当忽略的、有意不跟踪的文件。",{"path":165,"title":166,"description":167},"\u002Fdocs\u002Fdirectory-structure\u002Fnuxtignore",".nuxtignore",".nuxtignore 文件用于让 Nuxt 在构建阶段忽略项目根目录中的文件。",{"path":169,"title":170,"description":171},"\u002Fdocs\u002Fdirectory-structure\u002Fnuxtrc",".nuxtrc",".nuxtrc 文件允许你用扁平语法定义 Nuxt 配置。",{"path":173,"title":174,"description":175},"\u002Fdocs\u002Fdirectory-structure\u002Fnuxt-config","nuxt.config.ts","只需要一个 nuxt.config 文件，即可轻松配置 Nuxt。",{"path":177,"title":178,"description":179},"\u002Fdocs\u002Fdirectory-structure\u002Fpackage","package.json","package.json 文件包含你应用的所有依赖和脚本。",{"path":181,"title":182,"description":183},"\u002Fdocs\u002Fdirectory-structure\u002Ftsconfig","tsconfig.json","了解 Nuxt 如何在项目的不同部分管理 TypeScript 配置。",{"path":185,"title":186,"description":187},"\u002Fdocs\u002Fdirectory-structure","Nuxt 目录结构","了解 Nuxt 应用的目录结构以及如何使用它。",{"path":189,"title":190,"description":191},"\u002Fdocs\u002Fguide","Nuxt 指南","通过深入的指南了解 Nuxt 的工作原理。",{"path":193,"title":194,"description":195},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Frendering","渲染模式","了解 Nuxt 中可用的不同渲染模式。",{"path":197,"title":198,"description":199},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fvuejs-development","Vue.js 开发","Nuxt 使用 Vue.js，并添加了组件自动导入、基于文件的路由以及支持 SSR 的组合式函数等特性。",{"path":201,"title":202,"description":203},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fnuxt-lifecycle","Nuxt 生命周期","理解 Nuxt 应用的生命周期，可以帮助你更深入地了解框架是如何运作的，尤其是在服务端渲染和客户端渲染两方面。",{"path":205,"title":206,"description":207},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fauto-imports","自动导入","Nuxt 会自动导入组件、组合式函数、辅助函数和 Vue API。",{"path":209,"title":210,"description":211},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fserver-engine","服务端引擎","Nuxt 由一个全新的服务端引擎驱动：Nitro。",{"path":213,"title":214,"description":215},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fmodules","模块","Nuxt 提供了一个模块系统来扩展框架核心并简化集成。",{"path":217,"title":218,"description":219},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fesm","ES 模块","Nuxt 使用原生的 ES 模块。",{"path":221,"title":222,"description":223},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Ftypescript","TypeScript","Nuxt 完全类型化，并提供了有用的快捷方式，确保你在编码时能获取准确的类型信息。",{"path":225,"title":226,"description":227},"\u002Fdocs\u002Fguide\u002Fconcepts\u002Fcode-style","代码风格","Nuxt 开箱即用地支持 ESLint",{"path":229,"title":230,"description":231},"\u002Fdocs\u002Fguide\u002Fbest-practices\u002Fdevcontainers","Dev Containers","在开发容器中设置或打开 Nuxt 项目，以获得一致开发环境。",{"path":233,"title":234,"description":235},"\u002Fdocs\u002Fguide\u002Fbest-practices\u002Fhydration","Nuxt and Hydration","为什么修复水合问题很重要",{"path":237,"title":238,"description":239},"\u002Fdocs\u002Fguide\u002Fbest-practices\u002Fperformance","Nuxt performance","提升 Nuxt 应用性能的最佳实践。",{"path":241,"title":242,"description":243},"\u002Fdocs\u002Fguide\u002Fbest-practices\u002Fplugins","Nuxt Plugins","使用 Nuxt 插件时的最佳实践。",{"path":245,"title":246,"description":247},"\u002Fdocs\u002Fguide\u002Fai\u002Fmcp","Nuxt MCP Server","借助 Model Context Protocol 支持，在你的 AI 助手中使用 Nuxt 文档。",{"path":249,"title":250,"description":251},"\u002Fdocs\u002Fguide\u002Fai\u002Fllms-txt","Nuxt LLMs.txt","如何让 Cursor、Windsurf、GitHub Copilot、ChatGPT 和 Claude 等 AI 工具理解 Nuxt 的概念、API 和最佳实践。",{"path":253,"title":254,"description":255},"\u002Fdocs\u002Fguide\u002Fmodules\u002Fgetting-started","创建你的第一个模块","学习如何使用官方启动模板创建你的第一个 Nuxt 模块。",{"path":257,"title":258,"description":259},"\u002Fdocs\u002Fguide\u002Fmodules\u002Fmodule-anatomy","理解模块结构","学习 Nuxt 模块是如何构成的，以及如何定义它们。",{"path":261,"title":262,"description":263},"\u002Fdocs\u002Fguide\u002Fmodules\u002Frecipes-basics","添加插件、组件等","学习如何从你的模块注入插件、组件、组合式函数和服务端路由。",{"path":265,"title":266,"description":267},"\u002Fdocs\u002Fguide\u002Fmodules\u002Fmodule-dependencies","模块依赖","声明对其它模块的依赖，并带有版本约束和配置合并。",{"path":269,"title":270,"description":271},"\u002Fdocs\u002Fguide\u002Fmodules\u002Frecipes-advanced","使用钩子与扩展类型","在你的模块中掌握生命周期钩子、虚拟文件和 TypeScript 声明。",{"path":273,"title":274,"description":275},"\u002Fdocs\u002Fguide\u002Fmodules\u002Ftesting","测试你的模块","学习如何对你的 Nuxt 模块进行单元、集成和 E2E 测试。",{"path":277,"title":278,"description":279},"\u002Fdocs\u002Fguide\u002Fmodules\u002Fbest-practices","遵循最佳实践","使用这些指南构建高性能且可维护的 Nuxt 模块。",{"path":281,"title":282,"description":283},"\u002Fdocs\u002Fguide\u002Fmodules\u002Fecosystem","发布与分享你的模块","加入 Nuxt 模块生态，并将你的模块发布到 npm。",{"path":285,"title":286,"description":287},"\u002Fdocs\u002Fguide\u002Fmodules","Module Author Guide","学习如何创建 Nuxt 模块，以集成、增强或扩展任意 Nuxt 应用。",{"path":289,"title":290,"description":291},"\u002Fdocs\u002Fguide\u002Frecipes\u002Fcustom-routing","自定义路由","在 Nuxt 中，你的路由由 pages 目录内文件的结构定义。不过，由于底层使用了 vue-router，Nuxt 提供了几种在你的项目中添加自定义路由的方式。",{"path":293,"title":294,"description":295},"\u002Fdocs\u002Fguide\u002Frecipes\u002Fvite-plugin","在 Nuxt 中使用 Vite 插件","学习如何将 Vite 插件集成到你的 Nuxt 项目中。",{"path":297,"title":298,"description":299},"\u002Fdocs\u002Fguide\u002Frecipes\u002Fcustom-usefetch","Nuxt 中的自定义 useFetch","如何在 Nuxt 中创建用于调用你外部 API 的自定义 fetcher。",{"path":301,"title":302,"description":303},"\u002Fdocs\u002Fguide\u002Frecipes\u002Fsessions-and-authentication","会话与鉴权","鉴权是 Web 应用中极其常见的需求。本配方将向你展示如何在你的 Nuxt 应用中实现基本的用户注册与鉴权。",{"path":305,"title":306,"description":307},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fevents","创建自定义事件","Nuxt 提供了一个由 hookable 驱动的强大事件系统。",{"path":309,"title":310,"description":311},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fexperimental-features","实验性特性","启用 Nuxt 实验性特性以解锁新的可能性。",{"path":313,"title":314,"description":315},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Ffeatures","特性开关","启用或禁用可选的 Nuxt 特性，以解锁新的可能性。",{"path":317,"title":318,"description":319},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Finternals","Nuxt 是如何工作的？","Nuxt 是一个极简但高度可定制的框架，用于构建 Web 应用。",{"path":321,"title":322,"description":323},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fruntime-config","运行时配置","Nuxt 提供了一套运行时配置 API，以在你的应用内暴露配置和密钥。",{"path":325,"title":326,"description":327},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel","Nightly 发布通道","nightly 发布通道允许使用直接从仓库最新提交构建的 Nuxt。",{"path":329,"title":330,"description":331},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fhooks","生命周期钩子","Nuxt 提供了一个强大的钩子系统，可使用钩子扩展几乎每个方面。",{"path":333,"title":334,"description":335},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fkit","Nuxt Kit","@nuxt\u002Fkit 提供了面向模块作者的功能。",{"path":337,"title":338,"description":339},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fnuxt-app","NuxtApp","在 Nuxt 中，你可以在组合式函数、组件和插件中访问运行时应用上下文。",{"path":341,"title":342,"description":343},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Flayers","编写 Nuxt Layers","Nuxt 提供了一个强大的系统，允许你扩展默认文件、配置等等。",{"path":345,"title":346,"description":347},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fbuilders","创建 Builder","了解 Nuxt builder 是如何工作的，以及如何编写你自己的 builder。",{"path":349,"title":350,"description":351},"\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fdebugging","调试","在 Nuxt 中，你可以直接在浏览器中以及你的 IDE 里开始调试你的应用。",{"path":353,"title":354,"description":354},"\u002Fdocs\u002Fguide\u002Fgoing-further","",{"path":356,"title":357,"description":358},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fclient-only","\u003CClientOnly>","使用 \u003CClientOnly> 组件仅在客户端渲染组件。",{"path":360,"title":361,"description":362},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fdev-only","\u003CDevOnly>","使用 \u003CDevOnly> 组件仅在开发期间渲染组件。",{"path":364,"title":365,"description":366},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-client-fallback","\u003CNuxtClientFallback>","Nuxt 提供了 \u003CNuxtClientFallback> 组件，当其任意子组件在 SSR 中触发错误时，在客户端渲染其内容",{"path":368,"title":369,"description":370},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-picture","\u003CNuxtPicture>","Nuxt 提供了 \u003CNuxtPicture> 组件来处理自动图像优化。",{"path":372,"title":373,"description":374},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fteleports","\u003CTeleport>","\u003CTeleport> 组件将组件传送到 DOM 中的另一个位置。",{"path":376,"title":377,"description":378},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-route-announcer","\u003CNuxtRouteAnnouncer>","\u003CNuxtRouteAnnouncer> 组件添加一个带有页面标题的隐藏元素，用于向辅助技术播报路由变化。",{"path":380,"title":381,"description":382},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-time","\u003CNuxtTime>","\u003CNuxtTime> 组件以本地化友好的格式显示时间，并保持服务端-客户端一致。",{"path":384,"title":385,"description":386},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-announcer","\u003CNuxtAnnouncer>","\u003CNuxtAnnouncer> 组件添加一个隐藏元素，用于向辅助技术播报动态内容变化。",{"path":388,"title":389,"description":390},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-page","\u003CNuxtPage>","\u003CNuxtPage> 组件用于显示位于 pages\u002F 目录中的页面。",{"path":392,"title":393,"description":394},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-layout","\u003CNuxtLayout>","Nuxt 提供了 \u003CNuxtLayout> 组件，用于在页面和错误页面上显示布局。",{"path":396,"title":397,"description":398},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-link","\u003CNuxtLink>","Nuxt 提供了 \u003CNuxtLink> 组件来处理应用内的各类链接。",{"path":400,"title":401,"description":402},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-loading-indicator","\u003CNuxtLoadingIndicator>","在页面导航之间显示进度条。",{"path":404,"title":405,"description":406},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-error-boundary","\u003CNuxtErrorBoundary>","\u003CNuxtErrorBoundary> 组件处理其默认插槽中发生的客户端错误。",{"path":408,"title":409,"description":410},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-welcome","\u003CNuxtWelcome>","\u003CNuxtWelcome> 组件用于欢迎通过启动模板创建的新项目的用户。",{"path":412,"title":413,"description":414},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-island","\u003CNuxtIsland>","Nuxt 提供了 \u003CNuxtIsland> 组件，用于渲染无客户端 JS 的非交互式组件。",{"path":416,"title":417,"description":418},"\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-img","\u003CNuxtImg>","Nuxt 提供了 \u003CNuxtImg> 组件来处理自动图像优化。",{"path":420,"title":421,"description":422},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fcreate-use-async-data","createUseAsyncData","一个工厂函数，用于创建带有预定义默认选项的自定义 useAsyncData 组合式函数。",{"path":424,"title":425,"description":426},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fcreate-use-fetch","createUseFetch","一个工厂函数，用于创建带有预定义默认选项的自定义 useFetch 组合式函数。",{"path":428,"title":429,"description":430},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fon-prehydrate","onPrehydrate","使用 onPrehydrate 在 Nuxt 对页面进行 hydration 之前的客户端立即运行回调。",{"path":432,"title":433,"description":434},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-announcer","useAnnouncer","一个用于向屏幕阅读器播报消息的组合式函数。",{"path":436,"title":437,"description":438},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-app-config","useAppConfig","访问在项目中定义的可响应 app config。",{"path":440,"title":441,"description":442},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-async-data","useAsyncData","useAsyncData 以 SSR 友好的方式提供对异步解析数据的访问。",{"path":444,"title":445,"description":446},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-cookie","useCookie","useCookie 是一个 SSR 友好的组合式函数，用于读写 cookie。",{"path":448,"title":449,"description":450},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-error","useError","useError 组合式函数返回正在被处理的全局 Nuxt 错误。",{"path":452,"title":453,"description":454},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-fetch","useFetch","使用 SSR 友好的组合式函数从 API 端点获取数据。",{"path":456,"title":457,"description":458},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-head","useHead","useHead 用于自定义 Nuxt 应用各个页面的 head 属性。",{"path":460,"title":461,"description":462},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-head-safe","useHeadSafe","处理用户输入时提供 head 数据的推荐方式。",{"path":464,"title":465,"description":466},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-hydration","useHydration","允许完全控制 hydration 周期，以便从服务端设置和接收数据。",{"path":468,"title":469,"description":470},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-layout","useLayout","useLayout 返回为当前路由解析出的布局。",{"path":472,"title":473,"description":474},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-lazy-async-data","useLazyAsyncData","该组合式函数包装 useAsyncData，会在 handler 解析之前立即触发导航。",{"path":476,"title":477,"description":478},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-lazy-fetch","useLazyFetch","该组合式函数是对 useFetch 的封装，会在 handler 解析之前立即触发导航。",{"path":480,"title":481,"description":482},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-loading-indicator","useLoadingIndicator","该组合式函数让你访问应用页面的加载状态。",{"path":484,"title":485,"description":486},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-nuxt-app","useNuxtApp","访问 Nuxt 应用的共享运行时上下文。",{"path":488,"title":489,"description":490},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-nuxt-data","useNuxtData","访问数据获取组合式函数的当前缓存值。",{"path":492,"title":493,"description":494},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-preview-mode","usePreviewMode","使用 usePreviewMode 检查并控制 Nuxt 的预览模式",{"path":496,"title":497,"description":498},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-request-event","useRequestEvent","使用 useRequestEvent 组合式函数访问传入的请求事件。",{"path":500,"title":501,"description":502},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-request-fetch","useRequestFetch","使用 useRequestFetch 组合式函数为服务端 fetch 请求转发请求上下文和请求头。",{"path":504,"title":505,"description":506},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-request-header","useRequestHeader","使用 useRequestHeader 访问某个特定的传入请求头。",{"path":508,"title":509,"description":510},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-request-headers","useRequestHeaders","使用 useRequestHeaders 访问传入的请求头。",{"path":512,"title":513,"description":514},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-request-url","useRequestURL","使用 useRequestURL 组合式函数访问传入的请求 URL。",{"path":516,"title":517,"description":518},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-response-header","useResponseHeader","使用 useResponseHeader 设置服务端响应头。",{"path":520,"title":521,"description":522},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-route","useRoute","useRoute 组合式函数返回当前路由。",{"path":524,"title":525,"description":526},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-route-announcer","useRouteAnnouncer","该组合式函数监视页面标题变化，并相应地更新播报消息。",{"path":528,"title":529,"description":530},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-router","useRouter","useRouter 组合式函数返回 router 实例。",{"path":532,"title":533,"description":534},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-runtime-config","useRuntimeConfig","使用 useRuntimeConfig 组合式函数访问运行时配置变量。",{"path":536,"title":537,"description":538},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-runtime-hook","useRuntimeHook","在 Nuxt 应用中注册一个运行时钩子，并确保在作用域销毁时被正确清理。",{"path":540,"title":541,"description":542},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-seo-meta","useSeoMeta","useSeoMeta 组合式函数让你可以将站点的 SEO meta 标签定义为一个扁平对象，并提供完整的 TypeScript 支持。",{"path":544,"title":545,"description":546},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-server-seo-meta","useServerSeoMeta","useServerSeoMeta 组合式函数让你可以将站点的 SEO meta 标签定义为一个扁平对象，并提供完整的 TypeScript 支持。",{"path":548,"title":549,"description":550},"\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-state","useState","useState 组合式函数创建一个可响应的、SSR 友好的共享状态。",{"path":552,"title":553,"description":554},"\u002Fdocs\u002Fapi\u002Futils\u002Fdollarfetch","$fetch","Nuxt 使用 ofetch 全局暴露了 $fetch 辅助函数，用于发起 HTTP 请求。",{"path":556,"title":557,"description":558},"\u002Fdocs\u002Fapi\u002Futils\u002Fabort-navigation","abortNavigation","abortNavigation 是一个辅助函数，用于阻止导航的发生，并在设置了参数时抛出错误。",{"path":560,"title":561,"description":562},"\u002Fdocs\u002Fapi\u002Futils\u002Fadd-route-middleware","addRouteMiddleware","addRouteMiddleware() 是一个在你的应用中动态添加中间件的辅助函数。",{"path":564,"title":565,"description":566},"\u002Fdocs\u002Fapi\u002Futils\u002Fcall-once","callOnce","在 SSR 或 CSR 期间只运行一次给定的函数或代码块。",{"path":568,"title":569,"description":570},"\u002Fdocs\u002Fapi\u002Futils\u002Fclear-error","clearError","clearError 组合式函数清除所有已处理的错误。",{"path":572,"title":573,"description":574},"\u002Fdocs\u002Fapi\u002Futils\u002Fclear-nuxt-data","clearNuxtData","删除 useAsyncData 和 useFetch 的缓存数据、错误状态和挂起的 promise。",{"path":576,"title":577,"description":578},"\u002Fdocs\u002Fapi\u002Futils\u002Fclear-nuxt-state","clearNuxtState","删除 useState 的缓存状态。",{"path":580,"title":581,"description":582},"\u002Fdocs\u002Fapi\u002Futils\u002Fcreate-error","createError","创建一个带有附加元数据的错误对象。",{"path":584,"title":585,"description":586},"\u002Fdocs\u002Fapi\u002Futils\u002Fdefine-lazy-hydration-component","defineLazyHydrationComponent","使用特定策略定义一个懒加载 hydration 组件。",{"path":588,"title":589,"description":590},"\u002Fdocs\u002Fapi\u002Futils\u002Fdefine-nuxt-component","defineNuxtComponent","defineNuxtComponent() 是一个用于使用 Options API 定义类型安全组件的辅助函数。",{"path":592,"title":593,"description":594},"\u002Fdocs\u002Fapi\u002Futils\u002Fdefine-nuxt-plugin","defineNuxtPlugin","defineNuxtPlugin() 是一个用于创建 Nuxt 插件的辅助函数。",{"path":596,"title":597,"description":598},"\u002Fdocs\u002Fapi\u002Futils\u002Fdefine-nuxt-route-middleware","defineNuxtRouteMiddleware","使用 defineNuxtRouteMiddleware 辅助函数创建命名路由中间件。",{"path":600,"title":601,"description":602},"\u002Fdocs\u002Fapi\u002Futils\u002Fdefine-page-meta","definePageMeta","为你的页面组件定义元数据。",{"path":604,"title":605,"description":606},"\u002Fdocs\u002Fapi\u002Futils\u002Fdefine-route-rules","defineRouteRules","在页面层面定义用于混合渲染的路由规则。",{"path":608,"title":609,"description":610},"\u002Fdocs\u002Fapi\u002Futils\u002Fnavigate-to","navigateTo","navigateTo 是一个用于以编程方式导航用户的辅助函数。",{"path":612,"title":613,"description":614},"\u002Fdocs\u002Fapi\u002Futils\u002Fon-before-route-leave","onBeforeRouteLeave","onBeforeRouteLeave 组合式函数允许在组件内部注册一个路由守卫。",{"path":616,"title":617,"description":618},"\u002Fdocs\u002Fapi\u002Futils\u002Fon-before-route-update","onBeforeRouteUpdate","onBeforeRouteUpdate 组合式函数允许在组件内部注册一个路由守卫。",{"path":620,"title":621,"description":622},"\u002Fdocs\u002Fapi\u002Futils\u002Fon-nuxt-ready","onNuxtReady","onNuxtReady 组合式函数允许在你的应用完成初始化之后运行一个回调。",{"path":624,"title":625,"description":626},"\u002Fdocs\u002Fapi\u002Futils\u002Fprefetch-components","prefetchComponents","Nuxt 提供了用于在预取组件方面给予你控制的工具。",{"path":628,"title":629,"description":630},"\u002Fdocs\u002Fapi\u002Futils\u002Fpreload-components","preloadComponents","Nuxt 提供了用于在预加载组件方面给予你控制的工具。",{"path":632,"title":633,"description":634},"\u002Fdocs\u002Fapi\u002Futils\u002Fpreload-route-components","preloadRouteComponents","preloadRouteComponents 允许你手动预加载 Nuxt 应用中的单个页面。",{"path":636,"title":637,"description":638},"\u002Fdocs\u002Fapi\u002Futils\u002Fprerender-routes","prerenderRoutes","prerenderRoutes 向 Nitro 暗示预渲染一个额外的路由。",{"path":640,"title":641,"description":642},"\u002Fdocs\u002Fapi\u002Futils\u002Frefresh-cookie","refreshCookie","当 cookie 发生变化时，手动刷新 useCookie 的值",{"path":644,"title":645,"description":646},"\u002Fdocs\u002Fapi\u002Futils\u002Frefresh-nuxt-data","refreshNuxtData","刷新 Nuxt 中所有或特定的 asyncData 实例",{"path":648,"title":649,"description":650},"\u002Fdocs\u002Fapi\u002Futils\u002Freload-nuxt-app","reloadNuxtApp","reloadNuxtApp 会对页面执行一次硬刷新。",{"path":652,"title":653,"description":654},"\u002Fdocs\u002Fapi\u002Futils\u002Fset-page-layout","setPageLayout","setPageLayout 允许你动态更改页面的布局。",{"path":656,"title":657,"description":658},"\u002Fdocs\u002Fapi\u002Futils\u002Fset-response-status","setResponseStatus","setResponseStatus 设置响应的状态码（以及可选的 statusText）。",{"path":660,"title":661,"description":662},"\u002Fdocs\u002Fapi\u002Futils\u002Fshow-error","showError","Nuxt 提供了一种快速且简单的方式，在需要的时候显示全屏错误页。",{"path":664,"title":665,"description":666},"\u002Fdocs\u002Fapi\u002Futils\u002Fupdate-app-config","updateAppConfig","在运行时更新 App Config。",{"path":668,"title":669,"description":670},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fadd","nuxt add","在你的 Nuxt 应用中快速搭建一个实体（文件）。",{"path":672,"title":673,"description":674},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fanalyze","nuxt analyze","分析生产环境的打包产物或你的 Nuxt 应用。",{"path":676,"title":677,"description":678},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fbuild","nuxt build","构建你的 Nuxt 应用。",{"path":680,"title":681,"description":682},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fbuild-module","nuxt build-module","用于在发布前构建你的 Nuxt 模块的 Nuxt 命令。",{"path":684,"title":685,"description":686},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fcleanup","nuxt cleanup","移除常见的 Nuxt 生成文件和缓存。",{"path":688,"title":689,"description":690},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fdev","nuxt dev","dev 命令会在 http:\u002F\u002Flocalhost:3000 启动一个带有热模块替换（HMR）的开发服务器。",{"path":692,"title":693,"description":694},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fdevtools","nuxt devtools","devtools 命令允许你基于每个项目启用或禁用 Nuxt DevTools。",{"path":696,"title":697,"description":698},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fgenerate","nuxt generate","预渲染应用的每一个路由，并将结果存储为纯 HTML 文件。",{"path":700,"title":701,"description":702},"\u002Fdocs\u002Fapi\u002Fcommands\u002Finfo","nuxt info","info 命令会记录当前或指定 Nuxt 项目的相关信息。",{"path":704,"title":705,"description":706},"\u002Fdocs\u002Fapi\u002Fcommands\u002Finit","create nuxt","init 命令用于初始化一个全新的 Nuxt 项目。",{"path":708,"title":709,"description":710},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fmodule","nuxt module","通过命令行搜索并向你的 Nuxt 应用添加模块。",{"path":712,"title":713,"description":714},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fprepare","nuxt prepare","prepare 命令会在你的应用中创建一个 .nuxt 目录并生成类型。",{"path":716,"title":717,"description":718},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fpreview","nuxt preview","preview 命令会启动一个服务器，用于在运行 build 命令后预览你的应用。",{"path":720,"title":721,"description":722},"\u002Fdocs\u002Fapi\u002Fcommands\u002Ftest","nuxt test","test 命令使用 @nuxt\u002Ftest-utils 运行测试。",{"path":724,"title":725,"description":726},"\u002Fdocs\u002Fapi\u002Fcommands\u002Ftypecheck","nuxt typecheck","typecheck 命令运行 vue-tsc 来全量检查你的应用类型。",{"path":728,"title":729,"description":730},"\u002Fdocs\u002Fapi\u002Fcommands\u002Fupgrade","nuxt upgrade","upgrade 命令将 Nuxt 升级到最新版本。",{"path":732,"title":733,"description":734},"\u002Fdocs\u002Fapi\u002Fkit\u002Fmodules","Modules","Nuxt Kit 提供了一系列工具，帮助你创建和使用模块。你可以使用这些工具来创建自己的模块，或复用已有的模块。",{"path":736,"title":737,"description":738},"\u002Fdocs\u002Fapi\u002Fkit\u002Fruntime-config","Runtime Config","Nuxt Kit 提供了一系列工具，帮助你访问和修改 Nuxt 运行时配置。",{"path":740,"title":741,"description":742},"\u002Fdocs\u002Fapi\u002Fkit\u002Ftemplates","Templates","Nuxt Kit 提供了一系列工具，帮助你处理模板。这些函数允许你在开发和构建期间生成额外的文件。",{"path":744,"title":745,"description":746},"\u002Fdocs\u002Fapi\u002Fkit\u002Fapp-config","App Config","Nuxt Kit 提供了一系列工具，帮助你访问和修改 Nuxt 应用配置。",{"path":748,"title":749,"description":750},"\u002Fdocs\u002Fapi\u002Fkit\u002Fnitro","Nitro","Nuxt Kit 提供了一系列工具，帮助你使用 Nitro。这些函数允许你添加服务器处理器、插件和预渲染路由。",{"path":752,"title":753,"description":754},"\u002Fdocs\u002Fapi\u002Fkit\u002Fresolving","Resolving","Nuxt Kit 提供了从 Nuxt 根目录或自定义基准路径解析路径的实用工具。",{"path":756,"title":757,"description":758},"\u002Fdocs\u002Fapi\u002Fkit\u002Flogging","Logging","Nuxt Kit 提供了一系列工具，帮助你使用日志记录。这些函数允许你以额外功能记录消息。",{"path":760,"title":761,"description":762},"\u002Fdocs\u002Fapi\u002Fkit\u002Fbuilder","Builder","Nuxt Kit 提供了一系列工具，帮助你使用构建器。这些函数允许你扩展 Vite 和 webpack 配置。",{"path":764,"title":765,"description":766},"\u002Fdocs\u002Fapi\u002Fkit\u002Fexamples","Examples","Nuxt Kit 工具的使用示例。",{"path":768,"title":58,"description":769},"\u002Fdocs\u002Fapi\u002Fkit\u002Flayers","Nuxt Kit 提供了帮助你处理层及其目录结构的工具。",{"path":771,"title":772,"description":773},"\u002Fdocs\u002Fapi\u002Fkit\u002Fprogrammatic","Programmatic Usage","Nuxt Kit 提供了一系列工具，帮助你以编程方式使用 Nuxt。这些函数允许你加载 Nuxt、构建 Nuxt，以及加载 Nuxt 配置。",{"path":775,"title":776,"description":777},"\u002Fdocs\u002Fapi\u002Fkit\u002Fcompatibility","Compatibility","Nuxt Kit 提供了一系列工具，帮助你检查模块与不同 Nuxt 版本的兼容性。",{"path":779,"title":780,"description":781},"\u002Fdocs\u002Fapi\u002Fkit\u002Fautoimports","Auto-imports","Nuxt Kit 提供了一系列工具，帮助你处理自动导入。这些函数允许你注册自己的 utils、composables 和 Vue API。",{"path":783,"title":784,"description":785},"\u002Fdocs\u002Fapi\u002Fkit\u002Fcomponents","Components","Nuxt Kit 提供了一系列工具，帮助你处理组件。你可以全局或局部注册组件，也可以添加要被扫描的目录。",{"path":787,"title":788,"description":789},"\u002Fdocs\u002Fapi\u002Fkit\u002Fcontext","Context","Nuxt Kit 提供了一系列工具，帮助你处理上下文。",{"path":791,"title":792,"description":793},"\u002Fdocs\u002Fapi\u002Fkit\u002Fpages","Pages","Nuxt Kit 提供了一系列工具，帮助你创建和使用页面。你可以使用这些工具来操作页面配置或定义路由规则。",{"path":795,"title":796,"description":797},"\u002Fdocs\u002Fapi\u002Fkit\u002Flayout","Layout","Nuxt Kit 提供了一系列工具，帮助你处理布局。",{"path":799,"title":800,"description":801},"\u002Fdocs\u002Fapi\u002Fkit\u002Fhead","Head","Nuxt Kit 提供了一系列工具，帮助你在模块中管理 head 配置。",{"path":803,"title":804,"description":805},"\u002Fdocs\u002Fapi\u002Fkit\u002Fplugins","Plugins","Nuxt Kit 提供了一系列工具，帮助你创建和使用插件。你可以使用这些函数向你的模块添加插件或插件模板。",{"path":807,"title":330,"description":808},"\u002Fdocs\u002Fapi\u002Fadvanced\u002Fhooks","Nuxt 提供了一套强大的钩子系统，可以通过钩子扩展几乎各个方面。",{"path":810,"title":811,"description":812},"\u002Fdocs\u002Fapi\u002Fadvanced\u002Fimport-meta","Import meta","使用 `import.meta` 了解你的代码运行在何处。",{"path":814,"title":815,"description":816},"\u002Fdocs\u002Fapi\u002Fnuxt-config","Nuxt 配置","发现你可以在 nuxt.config.ts 文件中使用的所有选项。",{"path":818,"title":819,"description":820},"\u002Fdocs\u002Fapi","Nuxt API 参考","探索所有 Nuxt 内部机制：组件、组合式函数、工具函数、命令等等。",{"path":822,"title":823,"description":824},"\u002Fdocs\u002Fcommunity\u002Fgetting-help","获取帮助","我们是一个友好的开发者社区，很乐意提供帮助。",{"path":826,"title":827,"description":828},"\u002Fdocs\u002Fcommunity\u002Freporting-bugs","报告 Bug","开源中最有价值的角色之一，就是花时间把 bug 报告得清楚明白。",{"path":830,"title":831,"description":832},"\u002Fdocs\u002Fcommunity\u002Fcontribution","贡献","Nuxt 是一个社区项目——因此我们欢迎各种形式的贡献！❤️",{"path":834,"title":835,"description":836},"\u002Fdocs\u002Fcommunity\u002Fframework-contribution","框架贡献","关于向框架仓库贡献的一些具体要点。",{"path":838,"title":839,"description":840},"\u002Fdocs\u002Fcommunity\u002Froadmap","路线图","Nuxt 在不断发展，新功能和模块一直在增加。",{"path":842,"title":843,"description":844},"\u002Fdocs\u002Fcommunity\u002Fchangelog","发布","发现 Nuxt 及 Nuxt 官方模块的最新发布。",{"path":846,"title":847,"description":848},"\u002Fdocs\u002Fbridge\u002Foverview","概述","缩小与 Nuxt 3 的差异，并减轻迁移到 Nuxt 3 的负担。",{"path":850,"title":14,"description":851},"\u002Fdocs\u002Fbridge\u002Fconfiguration","了解如何根据你的需求配置 Nuxt Bridge。",{"path":853,"title":222,"description":854},"\u002Fdocs\u002Fbridge\u002Ftypescript","了解如何在 Nuxt Bridge 中使用 TypeScript。",{"path":856,"title":857,"description":858},"\u002Fdocs\u002Fbridge\u002Fbridge-composition-api","旧版 Composition API","了解如何使用 Nuxt Bridge 迁移到 Composition API。",{"path":860,"title":861,"description":862},"\u002Fdocs\u002Fbridge\u002Fplugins-and-middleware","插件和中间件","了解如何从 Nuxt 2 迁移到 Nuxt Bridge 的新插件和中间件。",{"path":864,"title":865,"description":866},"\u002Fdocs\u002Fbridge\u002Fnuxt3-compatible-api","新的 Composition API","Nuxt Bridge 实现了与 Nuxt 3 兼容的组合式函数。",{"path":868,"title":869,"description":870},"\u002Fdocs\u002Fbridge\u002Fmeta","Meta 标签","了解如何从 Nuxt 2 迁移到 Nuxt Bridge 的新 meta 标签。",{"path":872,"title":322,"description":873},"\u002Fdocs\u002Fbridge\u002Fruntime-config","Nuxt 提供了一个运行时配置 API，用于在应用中暴露配置和密钥。",{"path":875,"title":749,"description":876},"\u002Fdocs\u002Fbridge\u002Fnitro","通过 Nuxt Bridge 为你的 Nuxt 2 应用激活 Nitro。",{"path":878,"title":879,"description":880},"\u002Fdocs\u002Fbridge\u002Fvite","Vite","通过 Nuxt Bridge 为你的 Nuxt 2 应用激活 Vite。",{"path":882,"title":847,"description":883},"\u002Fdocs\u002Fmigration\u002Foverview","Nuxt 3 是对 Nuxt 2 的完整重写，并且基于一套全新的底层技术。",{"path":885,"title":886,"description":887},"\u002Fdocs\u002Fmigration\u002Fbundling","构建工具","了解如何从 Nuxt 2 迁移到 Nuxt 3 的构建工具。",{"path":889,"title":890,"description":891},"\u002Fdocs\u002Fmigration\u002Fserver","服务器","了解如何从 Nuxt 2 迁移到 Nuxt 3 的服务器。",{"path":893,"title":14,"description":894},"\u002Fdocs\u002Fmigration\u002Fconfiguration","了解如何从 Nuxt 2 迁移到 Nuxt 3 的新配置。",{"path":896,"title":214,"description":897},"\u002Fdocs\u002Fmigration\u002Fmodule-authors","了解如何从 Nuxt 2 迁移到 Nuxt 3 模块。",{"path":899,"title":206,"description":900},"\u002Fdocs\u002Fmigration\u002Fauto-imports","Nuxt 3 采用最小摩擦的方式，即在任何可能的地方自动导入组件和组合式函数。",{"path":902,"title":869,"description":903},"\u002Fdocs\u002Fmigration\u002Fmeta","管理你的 meta 标签，从 Nuxt 2 到 Nuxt 3。",{"path":905,"title":861,"description":906},"\u002Fdocs\u002Fmigration\u002Fplugins-and-middleware","了解如何从 Nuxt 2 迁移到 Nuxt 3 的插件和中间件。",{"path":908,"title":909,"description":910},"\u002Fdocs\u002Fmigration\u002Fpages-and-layouts","页面和布局","了解如何从 Nuxt 2 迁移到 Nuxt 3 的页面和布局。",{"path":912,"title":913,"description":914},"\u002Fdocs\u002Fmigration\u002Fcomponent-options","组件选项","了解如何从 Nuxt 2 的组件选项迁移到 Nuxt 3 的组合式函数。",{"path":916,"title":322,"description":917},"\u002Fdocs\u002Fmigration\u002Fruntime-config","了解如何从 Nuxt 2 迁移到 Nuxt 3 的运行时配置。",{"path":919,"title":920,"description":921},"\u002Fdocs\u002Freadme","Nuxt 文档","本仓库包含 Nuxt 的文档，托管于 https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fintroduction",{"path":923,"title":924,"description":925},"\u002Fdocs\u002Ferrors\u002Fb5001","NUXT_B5001","缺少 compatibilityDate (兼容性日期)",{"path":927,"title":928,"description":929},"\u002Fdocs\u002Ferrors\u002Fb5003","NUXT_B5003","保留的 runtimeConfig.app 命名空间",{"path":931,"title":932,"description":933},"\u002Fdocs\u002Ferrors\u002Fb5004","NUXT_B5004","不支持外部配置文件",{"path":935,"title":936,"description":937},"\u002Fdocs\u002Ferrors\u002Fe1001","NUXT_E1001","在 Nuxt 上下文之外调用了组合式函数。",{"path":939,"title":940,"description":941},"\u002Fdocs\u002Ferrors\u002Fe1006","NUXT_E1006","onPrehydrate 未被构建流水线处理。",{"path":943,"title":944,"description":945},"\u002Fdocs\u002Ferrors\u002Fe1007","NUXT_E1007","编译期提示辅助函数在运行时被调用。",{"path":947,"title":948,"description":949},"\u002Fdocs\u002Ferrors\u002Fe2001","NUXT_E2001","外部导航未设置 external: true。",{"path":951,"title":952,"description":953},"\u002Fdocs\u002Ferrors\u002Fe2002","NUXT_E2002","使用了危险协议的导航。",{"path":955,"title":956,"description":957},"\u002Fdocs\u002Ferrors\u002Fe2003","NUXT_E2003","abortNavigation() 在中间件之外被调用。",{"path":959,"title":960,"description":961},"\u002Fdocs\u002Ferrors\u002Fe2004","NUXT_E2004","未知的路由中间件。",{"path":963,"title":964,"description":965},"\u002Fdocs\u002Ferrors\u002Fe2005","NUXT_E2005","在中间件内调用了 useRoute。",{"path":967,"title":968,"description":969},"\u002Fdocs\u002Ferrors\u002Fe2007","NUXT_E2007","在组件中于服务端调用了 setPageLayout。",{"path":971,"title":972,"description":973},"\u002Fdocs\u002Ferrors\u002Fe3001","NUXT_E3001","useFetch 的请求 URL 以 \"\u002F\u002F\" 开头。",{"path":975,"title":976,"description":977},"\u002Fdocs\u002Ferrors\u002Fe3008","NUXT_E3008","useAsyncData 的 key 必须是非空字符串。",{"path":979,"title":980,"description":981},"\u002Fdocs\u002Ferrors\u002Fe3009","NUXT_E3009","useAsyncData 的处理函数必须是一个函数。",{"path":983,"title":984,"description":985},"\u002Fdocs\u002Ferrors\u002Fe4012","NUXT_E4012","无法解析 island（岛）响应。",{"path":987,"title":988,"description":989},"\u002Fdocs\u002Ferrors\u002Fe4016","NUXT_E4016","嵌套页面无法显示，因为其父页面没有渲染 \u003CNuxtPage \u002F>。",{"path":991,"title":992,"description":993},"\u002Fdocs\u002Ferrors\u002Fe5001","NUXT_E5001","应用清单（app manifest）未启用。",{"path":995,"title":996,"description":997},"\u002Fdocs\u002Ferrors\u002Fe6001","NUXT_E6001","缺少 Unhead 实例。",{"path":999,"title":1000,"description":1001},"\u002Fdocs\u002Ferrors\u002Fe7001","NUXT_E7001","Payload URL 包含主机名。",{"path":1003,"title":1004,"description":1005},"\u002Fdocs\u002Ferrors\u002Fe7007","NUXT_E7007","useState 的初始化值必须是一个函数。",{"path":1007,"title":1008,"description":1009},"\u002Fdocs\u002Ferrors\u002Fe7008","NUXT_E7008","callOnce 的 fn 必须是一个函数。",{"path":1011,"title":1012,"description":1013},"\u002Fdocs\u002Ferrors\u002Fe7009","NUXT_E7009","useState 的 key 必须是一个字符串。",{"path":1015,"title":1016,"description":1017},"\u002Fdocs\u002Ferrors\u002Fe7010","NUXT_E7010","callOnce 的 key 必须是一个字符串。",{"id":1019,"title":804,"body":1020,"description":805,"extension":3075,"meta":3076,"navigation":3083,"path":803,"seo":3084,"stem":3085,"__hash__":3086},"docs\u002Fdocs\u002F4.api\u002F5.kit\u002F9.plugins.md",{"type":1021,"value":1022,"toc":3059},"minimark",[1023,1040,1046,1049,1055,1061,1065,1278,1281,1331,1334,1346,1349,1503,1506,1516,1524,1567,1570,1859,1864,1867,1870,1874,1877,2053,2056,2091,2094,2101,2390,2392,2400,2406,2444,2447,2451,2457,2864,2867,3055],[1024,1025,1026,1027,1031,1032,1035,1036,1039],"p",{},"插件是独立的代码，通常会为 Vue 添加应用级的功能。在 Nuxt 中，插件会自动从 ",[1028,1029,1030],"code",{},"app\u002Fplugins\u002F"," 目录导入。然而，如果你需要随你的模块一起发布一个插件，Nuxt Kit 提供了 ",[1028,1033,1034],{},"addPlugin"," 和 ",[1028,1037,1038],{},"addPluginTemplate"," 方法。这些工具允许你自定义插件配置，以更好地满足你的需求。",[1041,1042,1044],"h2",{"id":1043},"addplugin",[1028,1045,1034],{},[1024,1047,1048],{},"注册一个 Nuxt 插件并将其添加到插件数组。",[1050,1051],"tip",{"icon":1052,"target":1053,"to":1054},"i-lucide-video","_blank","https:\u002F\u002Fvueschool.io\u002Flessons\u002Finjecting-plugins?friend=nuxt",[1024,1056,1057,1058,1060],{},"观看 Vue School 关于 ",[1028,1059,1034],{}," 的视频。\n:",[1062,1063,1064],"h3",{"id":1064},"用法",[1066,1067,1072],"pre",{"className":1068,"code":1069,"language":1070,"meta":1071,"style":354},"language-ts shiki shiki-themes material-theme-lighter github-dark material-theme-palenight","import { addPlugin, createResolver, defineNuxtModule } from '@nuxt\u002Fkit'\n\nexport default defineNuxtModule({\n  setup () {\n    const { resolve } = createResolver(import.meta.url)\n\n    addPlugin({\n      src: resolve('runtime\u002Fplugin.js'),\n      mode: 'client',\n    })\n  },\n})\n","ts","twoslash",[1028,1073,1074,1119,1126,1144,1157,1197,1202,1212,1239,1256,1264,1270],{"__ignoreMap":354},[1075,1076,1079,1083,1087,1091,1094,1097,1099,1102,1105,1108,1112,1116],"span",{"class":1077,"line":1078},"line",1,[1075,1080,1082],{"class":1081},"szyBz","import",[1075,1084,1086],{"class":1085},"sF54B"," {",[1075,1088,1090],{"class":1089},"smVNa"," addPlugin",[1075,1092,1093],{"class":1085},",",[1075,1095,1096],{"class":1089}," createResolver",[1075,1098,1093],{"class":1085},[1075,1100,1101],{"class":1089}," defineNuxtModule",[1075,1103,1104],{"class":1085}," }",[1075,1106,1107],{"class":1081}," from",[1075,1109,1111],{"class":1110},"s0jeK"," '",[1075,1113,1115],{"class":1114},"s-Aze","@nuxt\u002Fkit",[1075,1117,1118],{"class":1110},"'\n",[1075,1120,1122],{"class":1077,"line":1121},2,[1075,1123,1125],{"emptyLinePlaceholder":1124},true,"\n",[1075,1127,1129,1132,1135,1138,1141],{"class":1077,"line":1128},3,[1075,1130,1131],{"class":1081},"export",[1075,1133,1134],{"class":1081}," default",[1075,1136,1101],{"class":1137},"srJn9",[1075,1139,1140],{"class":1089},"(",[1075,1142,1143],{"class":1085},"{\n",[1075,1145,1147,1151,1154],{"class":1077,"line":1146},4,[1075,1148,1150],{"class":1149},"syA7L","  setup",[1075,1152,1153],{"class":1085}," ()",[1075,1155,1156],{"class":1085}," {\n",[1075,1158,1160,1164,1166,1170,1172,1176,1178,1181,1183,1186,1189,1191,1194],{"class":1077,"line":1159},5,[1075,1161,1163],{"class":1162},"sV7Px","    const",[1075,1165,1086],{"class":1085},[1075,1167,1169],{"class":1168},"sJTDI"," resolve",[1075,1171,1104],{"class":1085},[1075,1173,1175],{"class":1174},"sXPRQ"," =",[1075,1177,1096],{"class":1137},[1075,1179,1140],{"class":1180},"sOtFm",[1075,1182,1082],{"class":1081},[1075,1184,1185],{"class":1085},".",[1075,1187,1188],{"class":1168},"meta",[1075,1190,1185],{"class":1085},[1075,1192,1193],{"class":1089},"url",[1075,1195,1196],{"class":1180},")\n",[1075,1198,1200],{"class":1077,"line":1199},6,[1075,1201,1125],{"emptyLinePlaceholder":1124},[1075,1203,1205,1208,1210],{"class":1077,"line":1204},7,[1075,1206,1207],{"class":1137},"    addPlugin",[1075,1209,1140],{"class":1180},[1075,1211,1143],{"class":1085},[1075,1213,1215,1218,1221,1223,1225,1228,1231,1233,1236],{"class":1077,"line":1214},8,[1075,1216,1217],{"class":1180},"      src",[1075,1219,1220],{"class":1085},":",[1075,1222,1169],{"class":1137},[1075,1224,1140],{"class":1180},[1075,1226,1227],{"class":1110},"'",[1075,1229,1230],{"class":1114},"runtime\u002Fplugin.js",[1075,1232,1227],{"class":1110},[1075,1234,1235],{"class":1180},")",[1075,1237,1238],{"class":1085},",\n",[1075,1240,1242,1245,1247,1249,1252,1254],{"class":1077,"line":1241},9,[1075,1243,1244],{"class":1180},"      mode",[1075,1246,1220],{"class":1085},[1075,1248,1111],{"class":1110},[1075,1250,1251],{"class":1114},"client",[1075,1253,1227],{"class":1110},[1075,1255,1238],{"class":1085},[1075,1257,1259,1262],{"class":1077,"line":1258},10,[1075,1260,1261],{"class":1085},"    }",[1075,1263,1196],{"class":1180},[1075,1265,1267],{"class":1077,"line":1266},11,[1075,1268,1269],{"class":1085},"  },\n",[1075,1271,1273,1276],{"class":1077,"line":1272},12,[1075,1274,1275],{"class":1085},"}",[1075,1277,1196],{"class":1089},[1062,1279,1280],{"id":1280},"类型",[1066,1282,1284],{"className":1068,"code":1283,"language":1070,"meta":354,"style":354},"function addPlugin (plugin: NuxtPlugin | string, options?: AddPluginOptions): NuxtPlugin\n",[1028,1285,1286],{"__ignoreMap":354},[1075,1287,1288,1291,1293,1296,1300,1302,1306,1309,1313,1315,1318,1321,1324,1326,1328],{"class":1077,"line":1078},[1075,1289,1290],{"class":1162},"function",[1075,1292,1090],{"class":1137},[1075,1294,1295],{"class":1085}," (",[1075,1297,1299],{"class":1298},"ssIVr","plugin",[1075,1301,1220],{"class":1174},[1075,1303,1305],{"class":1304},"sJK67"," NuxtPlugin",[1075,1307,1308],{"class":1174}," |",[1075,1310,1312],{"class":1311},"seQRr"," string",[1075,1314,1093],{"class":1085},[1075,1316,1317],{"class":1298}," options",[1075,1319,1320],{"class":1174},"?:",[1075,1322,1323],{"class":1304}," AddPluginOptions",[1075,1325,1235],{"class":1085},[1075,1327,1220],{"class":1174},[1075,1329,1330],{"class":1304}," NuxtPlugin\n",[1062,1332,1333],{"id":1333},"参数",[1024,1335,1336,1341,1342,1345],{},[1337,1338,1339],"strong",{},[1028,1340,1299],{},"：一个插件对象或带有插件路径的字符串。如果提供的是字符串，它会被转换为一个 ",[1028,1343,1344],{},"src"," 设为该字符串值的插件对象。",[1024,1347,1348],{},"如果提供的是插件对象，它必须包含以下属性：",[1350,1351,1352,1370],"table",{},[1353,1354,1355],"thead",{},[1356,1357,1358,1362,1364,1367],"tr",{},[1359,1360,1361],"th",{},"属性",[1359,1363,1280],{},[1359,1365,1366],{},"必填",[1359,1368,1369],{},"描述",[1371,1372,1373,1393,1457],"tbody",{},[1356,1374,1375,1380,1385,1390],{},[1376,1377,1378],"td",{},[1028,1379,1344],{},[1376,1381,1382],{},[1028,1383,1384],{},"string",[1376,1386,1387],{},[1028,1388,1389],{},"true",[1376,1391,1392],{},"插件文件的路径。",[1356,1394,1395,1400,1427,1432],{},[1376,1396,1397],{},[1028,1398,1399],{},"mode",[1376,1401,1402],{},[1028,1403,1404,1406,1409,1411,1413,1415,1417,1419,1421,1423,1425],{"className":1068,"language":1070,"style":354},[1075,1405,1227],{"class":1110},[1075,1407,1408],{"class":1114},"all",[1075,1410,1227],{"class":1110},[1075,1412,1308],{"class":1174},[1075,1414,1111],{"class":1110},[1075,1416,150],{"class":1114},[1075,1418,1227],{"class":1110},[1075,1420,1308],{"class":1174},[1075,1422,1111],{"class":1110},[1075,1424,1251],{"class":1114},[1075,1426,1227],{"class":1110},[1376,1428,1429],{},[1028,1430,1431],{},"false",[1376,1433,1434,1435,1438,1439,1442,1443,1446,1447,1449,1450,1035,1453,1456],{},"如果设为 ",[1028,1436,1437],{},"'all'","，插件会被包含在客户端和服务端 bundle 中。如果设为 ",[1028,1440,1441],{},"'server'","，插件只会包含在服务端 bundle 中。如果设为 ",[1028,1444,1445],{},"'client'","，插件只会包含在客户端 bundle 中。你也可以在指定 ",[1028,1448,1344],{}," 选项时使用 ",[1028,1451,1452],{},".client",[1028,1454,1455],{},".server"," 修饰符，让插件只在客户端或服务端使用。",[1356,1458,1459,1464,1469,1473],{},[1376,1460,1461],{},[1028,1462,1463],{},"order",[1376,1465,1466],{},[1028,1467,1468],{},"number",[1376,1470,1471],{},[1028,1472,1431],{},[1376,1474,1475,1476,1479,1480,1482,1483,1486,1487,1490,1491,1493,1494,1496,1497,1493,1499,1502],{},"插件的顺序。这允许对插件顺序进行更细粒度的控制，应仅由高级用户使用。数字越小越先运行，用户插件的默认顺序为 ",[1028,1477,1478],{},"0","。建议将 ",[1028,1481,1463],{}," 设为 ",[1028,1484,1485],{},"-20"," 到 ",[1028,1488,1489],{},"20"," 之间的数字，其中 ",[1028,1492,1485],{}," 对应 ",[1028,1495,1066],{},"-插件（在 Nuxt 插件之前运行），",[1028,1498,1489],{},[1028,1500,1501],{},"post","-插件（在 Nuxt 插件之后运行）。",[1504,1505],"warning",{},[1024,1507,1508,1509,1511,1512,1515],{},"除非必要，避免使用 ",[1028,1510,1463],{},"。如果你只需要将插件注册在 Nuxt 默认值之后，请使用 ",[1028,1513,1514],{},"append","。\n:",[1024,1517,1518,1523],{},[1337,1519,1520],{},[1028,1521,1522],{},"options","：可选对象，包含以下属性：",[1350,1525,1526,1538],{},[1353,1527,1528],{},[1356,1529,1530,1532,1534,1536],{},[1359,1531,1361],{},[1359,1533,1280],{},[1359,1535,1366],{},[1359,1537,1369],{},[1371,1539,1540],{},[1356,1541,1542,1546,1551,1555],{},[1376,1543,1544],{},[1028,1545,1514],{},[1376,1547,1548],{},[1028,1549,1550],{},"boolean",[1376,1552,1553],{},[1028,1554,1431],{},[1376,1556,1557,1558,1560,1561,1563,1564,1566],{},"如果为 ",[1028,1559,1389],{},"，插件会被追加到插件数组。如果为 ",[1028,1562,1431],{},"，它会被前置。默认为 ",[1028,1565,1431],{},"。",[1062,1568,1569],{"id":1569},"示例",[1571,1572,1573,1718],"code-group",{},[1066,1574,1576],{"className":1068,"code":1069,"filename":1575,"language":1070,"meta":354,"style":354},"module.ts",[1028,1577,1578,1604,1608,1620,1628,1656,1660,1668,1688,1702,1708,1712],{"__ignoreMap":354},[1075,1579,1580,1582,1584,1586,1588,1590,1592,1594,1596,1598,1600,1602],{"class":1077,"line":1078},[1075,1581,1082],{"class":1081},[1075,1583,1086],{"class":1085},[1075,1585,1090],{"class":1089},[1075,1587,1093],{"class":1085},[1075,1589,1096],{"class":1089},[1075,1591,1093],{"class":1085},[1075,1593,1101],{"class":1089},[1075,1595,1104],{"class":1085},[1075,1597,1107],{"class":1081},[1075,1599,1111],{"class":1110},[1075,1601,1115],{"class":1114},[1075,1603,1118],{"class":1110},[1075,1605,1606],{"class":1077,"line":1121},[1075,1607,1125],{"emptyLinePlaceholder":1124},[1075,1609,1610,1612,1614,1616,1618],{"class":1077,"line":1128},[1075,1611,1131],{"class":1081},[1075,1613,1134],{"class":1081},[1075,1615,1101],{"class":1137},[1075,1617,1140],{"class":1089},[1075,1619,1143],{"class":1085},[1075,1621,1622,1624,1626],{"class":1077,"line":1146},[1075,1623,1150],{"class":1149},[1075,1625,1153],{"class":1085},[1075,1627,1156],{"class":1085},[1075,1629,1630,1632,1634,1636,1638,1640,1642,1644,1646,1648,1650,1652,1654],{"class":1077,"line":1159},[1075,1631,1163],{"class":1162},[1075,1633,1086],{"class":1085},[1075,1635,1169],{"class":1168},[1075,1637,1104],{"class":1085},[1075,1639,1175],{"class":1174},[1075,1641,1096],{"class":1137},[1075,1643,1140],{"class":1180},[1075,1645,1082],{"class":1081},[1075,1647,1185],{"class":1085},[1075,1649,1188],{"class":1168},[1075,1651,1185],{"class":1085},[1075,1653,1193],{"class":1089},[1075,1655,1196],{"class":1180},[1075,1657,1658],{"class":1077,"line":1199},[1075,1659,1125],{"emptyLinePlaceholder":1124},[1075,1661,1662,1664,1666],{"class":1077,"line":1204},[1075,1663,1207],{"class":1137},[1075,1665,1140],{"class":1180},[1075,1667,1143],{"class":1085},[1075,1669,1670,1672,1674,1676,1678,1680,1682,1684,1686],{"class":1077,"line":1214},[1075,1671,1217],{"class":1180},[1075,1673,1220],{"class":1085},[1075,1675,1169],{"class":1137},[1075,1677,1140],{"class":1180},[1075,1679,1227],{"class":1110},[1075,1681,1230],{"class":1114},[1075,1683,1227],{"class":1110},[1075,1685,1235],{"class":1180},[1075,1687,1238],{"class":1085},[1075,1689,1690,1692,1694,1696,1698,1700],{"class":1077,"line":1241},[1075,1691,1244],{"class":1180},[1075,1693,1220],{"class":1085},[1075,1695,1111],{"class":1110},[1075,1697,1251],{"class":1114},[1075,1699,1227],{"class":1110},[1075,1701,1238],{"class":1085},[1075,1703,1704,1706],{"class":1077,"line":1258},[1075,1705,1261],{"class":1085},[1075,1707,1196],{"class":1180},[1075,1709,1710],{"class":1077,"line":1266},[1075,1711,1269],{"class":1085},[1075,1713,1714,1716],{"class":1077,"line":1272},[1075,1715,1275],{"class":1085},[1075,1717,1196],{"class":1089},[1066,1719,1722],{"className":1068,"code":1720,"filename":1721,"language":1070,"meta":354,"style":354},"export default defineNuxtPlugin((nuxtApp) => {\n  const colorMode = useColorMode()\n\n  nuxtApp.hook('app:mounted', () => {\n    if (colorMode.preference !== 'dark') {\n      colorMode.preference = 'dark'\n    }\n  })\n})\n","runtime\u002Fplugin.ts",[1028,1723,1724,1747,1763,1767,1794,1824,1841,1846,1853],{"__ignoreMap":354},[1075,1725,1726,1728,1730,1733,1735,1737,1740,1742,1745],{"class":1077,"line":1078},[1075,1727,1131],{"class":1081},[1075,1729,1134],{"class":1081},[1075,1731,1732],{"class":1137}," defineNuxtPlugin",[1075,1734,1140],{"class":1089},[1075,1736,1140],{"class":1085},[1075,1738,1739],{"class":1298},"nuxtApp",[1075,1741,1235],{"class":1085},[1075,1743,1744],{"class":1162}," =>",[1075,1746,1156],{"class":1085},[1075,1748,1749,1752,1755,1757,1760],{"class":1077,"line":1121},[1075,1750,1751],{"class":1162},"  const",[1075,1753,1754],{"class":1168}," colorMode",[1075,1756,1175],{"class":1174},[1075,1758,1759],{"class":1137}," useColorMode",[1075,1761,1762],{"class":1180},"()\n",[1075,1764,1765],{"class":1077,"line":1128},[1075,1766,1125],{"emptyLinePlaceholder":1124},[1075,1768,1769,1772,1774,1777,1779,1781,1784,1786,1788,1790,1792],{"class":1077,"line":1146},[1075,1770,1771],{"class":1089},"  nuxtApp",[1075,1773,1185],{"class":1085},[1075,1775,1776],{"class":1137},"hook",[1075,1778,1140],{"class":1180},[1075,1780,1227],{"class":1110},[1075,1782,1783],{"class":1114},"app:mounted",[1075,1785,1227],{"class":1110},[1075,1787,1093],{"class":1085},[1075,1789,1153],{"class":1085},[1075,1791,1744],{"class":1162},[1075,1793,1156],{"class":1085},[1075,1795,1796,1799,1801,1804,1806,1809,1812,1814,1817,1819,1822],{"class":1077,"line":1159},[1075,1797,1798],{"class":1081},"    if",[1075,1800,1295],{"class":1180},[1075,1802,1803],{"class":1089},"colorMode",[1075,1805,1185],{"class":1085},[1075,1807,1808],{"class":1089},"preference",[1075,1810,1811],{"class":1174}," !==",[1075,1813,1111],{"class":1110},[1075,1815,1816],{"class":1114},"dark",[1075,1818,1227],{"class":1110},[1075,1820,1821],{"class":1180},") ",[1075,1823,1143],{"class":1085},[1075,1825,1826,1829,1831,1833,1835,1837,1839],{"class":1077,"line":1199},[1075,1827,1828],{"class":1089},"      colorMode",[1075,1830,1185],{"class":1085},[1075,1832,1808],{"class":1089},[1075,1834,1175],{"class":1174},[1075,1836,1111],{"class":1110},[1075,1838,1816],{"class":1114},[1075,1840,1118],{"class":1110},[1075,1842,1843],{"class":1077,"line":1204},[1075,1844,1845],{"class":1085},"    }\n",[1075,1847,1848,1851],{"class":1077,"line":1214},[1075,1849,1850],{"class":1085},"  }",[1075,1852,1196],{"class":1180},[1075,1854,1855,1857],{"class":1077,"line":1241},[1075,1856,1275],{"class":1085},[1075,1858,1196],{"class":1089},[1041,1860,1862],{"id":1861},"addplugintemplate",[1028,1863,1038],{},[1024,1865,1866],{},"添加一个模板并将其注册为 nuxt 插件。这对于需要在构建时生成代码的插件很有用。",[1050,1868],{"icon":1052,"target":1053,"to":1869},"https:\u002F\u002Fvueschool.io\u002Flessons\u002Finjecting-plugin-templates?friend=nuxt",[1024,1871,1057,1872,1060],{},[1028,1873,1038],{},[1062,1875,1064],{"id":1876},"用法-1",[1066,1878,1880],{"className":1068,"code":1879,"language":1070,"meta":1071,"style":354},"import { addPluginTemplate, defineNuxtModule } from '@nuxt\u002Fkit'\n\nexport default defineNuxtModule({\n  setup (options) {\n    addPluginTemplate({\n      filename: 'module-plugin.mjs',\n      getContents: () => `import { defineNuxtPlugin } from '#app\u002Fnuxt'\nexport default defineNuxtPlugin({\n  name: 'module-plugin',\n  setup (nuxtApp) {\n    ${options.log ? 'console.log(\"Plugin install\")' : ''}\n  }\n})`,\n    })\n  },\n})\n",[1028,1881,1882,1905,1909,1921,1933,1942,1958,1975,1980,1985,1990,2018,2023,2034,2041,2046],{"__ignoreMap":354},[1075,1883,1884,1886,1888,1891,1893,1895,1897,1899,1901,1903],{"class":1077,"line":1078},[1075,1885,1082],{"class":1081},[1075,1887,1086],{"class":1085},[1075,1889,1890],{"class":1089}," addPluginTemplate",[1075,1892,1093],{"class":1085},[1075,1894,1101],{"class":1089},[1075,1896,1104],{"class":1085},[1075,1898,1107],{"class":1081},[1075,1900,1111],{"class":1110},[1075,1902,1115],{"class":1114},[1075,1904,1118],{"class":1110},[1075,1906,1907],{"class":1077,"line":1121},[1075,1908,1125],{"emptyLinePlaceholder":1124},[1075,1910,1911,1913,1915,1917,1919],{"class":1077,"line":1128},[1075,1912,1131],{"class":1081},[1075,1914,1134],{"class":1081},[1075,1916,1101],{"class":1137},[1075,1918,1140],{"class":1089},[1075,1920,1143],{"class":1085},[1075,1922,1923,1925,1927,1929,1931],{"class":1077,"line":1146},[1075,1924,1150],{"class":1149},[1075,1926,1295],{"class":1085},[1075,1928,1522],{"class":1298},[1075,1930,1235],{"class":1085},[1075,1932,1156],{"class":1085},[1075,1934,1935,1938,1940],{"class":1077,"line":1159},[1075,1936,1937],{"class":1137},"    addPluginTemplate",[1075,1939,1140],{"class":1180},[1075,1941,1143],{"class":1085},[1075,1943,1944,1947,1949,1951,1954,1956],{"class":1077,"line":1199},[1075,1945,1946],{"class":1180},"      filename",[1075,1948,1220],{"class":1085},[1075,1950,1111],{"class":1110},[1075,1952,1953],{"class":1114},"module-plugin.mjs",[1075,1955,1227],{"class":1110},[1075,1957,1238],{"class":1085},[1075,1959,1960,1963,1965,1967,1969,1972],{"class":1077,"line":1204},[1075,1961,1962],{"class":1137},"      getContents",[1075,1964,1220],{"class":1085},[1075,1966,1153],{"class":1085},[1075,1968,1744],{"class":1162},[1075,1970,1971],{"class":1110}," `",[1075,1973,1974],{"class":1114},"import { defineNuxtPlugin } from '#app\u002Fnuxt'\n",[1075,1976,1977],{"class":1077,"line":1214},[1075,1978,1979],{"class":1114},"export default defineNuxtPlugin({\n",[1075,1981,1982],{"class":1077,"line":1241},[1075,1983,1984],{"class":1114},"  name: 'module-plugin',\n",[1075,1986,1987],{"class":1077,"line":1258},[1075,1988,1989],{"class":1114},"  setup (nuxtApp) {\n",[1075,1991,1992,1995,1997,1999,2002,2005,2007,2010,2012,2015],{"class":1077,"line":1266},[1075,1993,1994],{"class":1110},"    ${",[1075,1996,1522],{"class":1089},[1075,1998,1185],{"class":1110},[1075,2000,2001],{"class":1089},"log",[1075,2003,2004],{"class":1174}," ?",[1075,2006,1111],{"class":1110},[1075,2008,2009],{"class":1114},"console.log(\"Plugin install\")",[1075,2011,1227],{"class":1110},[1075,2013,2014],{"class":1174}," :",[1075,2016,2017],{"class":1110}," ''}\n",[1075,2019,2020],{"class":1077,"line":1272},[1075,2021,2022],{"class":1114},"  }\n",[1075,2024,2026,2029,2032],{"class":1077,"line":2025},13,[1075,2027,2028],{"class":1114},"})",[1075,2030,2031],{"class":1110},"`",[1075,2033,1238],{"class":1085},[1075,2035,2037,2039],{"class":1077,"line":2036},14,[1075,2038,1261],{"class":1085},[1075,2040,1196],{"class":1180},[1075,2042,2044],{"class":1077,"line":2043},15,[1075,2045,1269],{"class":1085},[1075,2047,2049,2051],{"class":1077,"line":2048},16,[1075,2050,1275],{"class":1085},[1075,2052,1196],{"class":1089},[1062,2054,1280],{"id":2055},"类型-1",[1066,2057,2059],{"className":1068,"code":2058,"language":1070,"meta":354,"style":354},"function addPluginTemplate (pluginOptions: NuxtPluginTemplate, options?: AddPluginOptions): NuxtPlugin\n",[1028,2060,2061],{"__ignoreMap":354},[1075,2062,2063,2065,2067,2069,2072,2074,2077,2079,2081,2083,2085,2087,2089],{"class":1077,"line":1078},[1075,2064,1290],{"class":1162},[1075,2066,1890],{"class":1137},[1075,2068,1295],{"class":1085},[1075,2070,2071],{"class":1298},"pluginOptions",[1075,2073,1220],{"class":1174},[1075,2075,2076],{"class":1304}," NuxtPluginTemplate",[1075,2078,1093],{"class":1085},[1075,2080,1317],{"class":1298},[1075,2082,1320],{"class":1174},[1075,2084,1323],{"class":1304},[1075,2086,1235],{"class":1085},[1075,2088,1220],{"class":1174},[1075,2090,1330],{"class":1304},[1062,2092,1333],{"id":2093},"参数-1",[1024,2095,2096,2100],{},[1337,2097,2098],{},[1028,2099,2071],{},"：一个插件模板对象，包含以下属性：",[1350,2102,2103,2115],{},[1353,2104,2105],{},[1356,2106,2107,2109,2111,2113],{},[1359,2108,1361],{},[1359,2110,1280],{},[1359,2112,1366],{},[1359,2114,1369],{},[1371,2116,2117,2140,2167,2194,2244,2277,2338,2358],{},[1356,2118,2119,2123,2127,2131],{},[1376,2120,2121],{},[1028,2122,1344],{},[1376,2124,2125],{},[1028,2126,1384],{},[1376,2128,2129],{},[1028,2130,1431],{},[1376,2132,2133,2134,2136,2137,1566],{},"模板的路径。如果未提供 ",[1028,2135,1344],{},"，则必须改为提供 ",[1028,2138,2139],{},"getContents",[1356,2141,2142,2147,2151,2155],{},[1376,2143,2144],{},[1028,2145,2146],{},"filename",[1376,2148,2149],{},[1028,2150,1384],{},[1376,2152,2153],{},[1028,2154,1431],{},[1376,2156,2157,2158,2160,2161,2163,2164,2166],{},"模板的文件名。如果未提供 ",[1028,2159,2146],{},"，它会根据 ",[1028,2162,1344],{}," 路径生成。这种情况下，",[1028,2165,1344],{}," 选项是必需的。",[1356,2168,2169,2174,2178,2182],{},[1376,2170,2171],{},[1028,2172,2173],{},"dst",[1376,2175,2176],{},[1028,2177,1384],{},[1376,2179,2180],{},[1028,2181,1431],{},[1376,2183,2184,2185,2160,2187,2189,2190,2193],{},"目标文件的路径。如果未提供 ",[1028,2186,2173],{},[1028,2188,2146],{}," 路径和 nuxt ",[1028,2191,2192],{},"buildDir"," 选项生成。",[1356,2195,2196,2200,2226,2230],{},[1376,2197,2198],{},[1028,2199,1399],{},[1376,2201,2202],{},[1028,2203,2204,2206,2208,2210,2212,2214,2216,2218,2220,2222,2224],{"className":1068,"language":1070,"style":354},[1075,2205,1227],{"class":1110},[1075,2207,1408],{"class":1114},[1075,2209,1227],{"class":1110},[1075,2211,1308],{"class":1174},[1075,2213,1111],{"class":1110},[1075,2215,150],{"class":1114},[1075,2217,1227],{"class":1110},[1075,2219,1308],{"class":1174},[1075,2221,1111],{"class":1110},[1075,2223,1251],{"class":1114},[1075,2225,1227],{"class":1110},[1376,2227,2228],{},[1028,2229,1431],{},[1376,2231,1434,2232,1438,2234,1442,2236,1446,2238,1449,2240,1035,2242,1456],{},[1028,2233,1437],{},[1028,2235,1441],{},[1028,2237,1445],{},[1028,2239,1344],{},[1028,2241,1452],{},[1028,2243,1455],{},[1356,2245,2246,2250,2270,2274],{},[1376,2247,2248],{},[1028,2249,1522],{},[1376,2251,2252],{},[1028,2253,2254,2257,2260,2262,2264,2267],{"className":1068,"language":1070,"style":354},[1075,2255,2256],{"class":1089},"Record",[1075,2258,2259],{"class":1174},"\u003C",[1075,2261,1384],{"class":1089},[1075,2263,1093],{"class":1085},[1075,2265,2266],{"class":1089}," any",[1075,2268,2269],{"class":1174},">",[1376,2271,2272],{},[1028,2273,1431],{},[1376,2275,2276],{},"传给模板的选项。",[1356,2278,2279,2283,2325,2329],{},[1376,2280,2281],{},[1028,2282,2139],{},[1376,2284,2285],{},[1028,2286,2287,2289,2292,2294,2297,2299,2301,2303,2305,2308,2310,2313,2316,2319,2321,2323],{"className":1068,"language":1070,"style":354},[1075,2288,1140],{"class":1085},[1075,2290,2291],{"class":1298},"data",[1075,2293,1220],{"class":1174},[1075,2295,2296],{"class":1304}," Record",[1075,2298,2259],{"class":1085},[1075,2300,1384],{"class":1311},[1075,2302,1093],{"class":1085},[1075,2304,2266],{"class":1311},[1075,2306,2307],{"class":1085},">)",[1075,2309,1744],{"class":1162},[1075,2311,2312],{"class":1089}," string ",[1075,2314,2315],{"class":1174},"|",[1075,2317,2318],{"class":1311}," Promise",[1075,2320,2259],{"class":1174},[1075,2322,1384],{"class":1089},[1075,2324,2269],{"class":1174},[1376,2326,2327],{},[1028,2328,1431],{},[1376,2330,2331,2332,2334,2335,2337],{},"一个会接收 ",[1028,2333,1522],{}," 对象的函数。它应返回一个字符串，或解析为字符串的 promise。如果提供了 ",[1028,2336,1344],{},"，该函数会被忽略。",[1356,2339,2340,2345,2349,2353],{},[1376,2341,2342],{},[1028,2343,2344],{},"write",[1376,2346,2347],{},[1028,2348,1550],{},[1376,2350,2351],{},[1028,2352,1431],{},[1376,2354,1434,2355,2357],{},[1028,2356,1389],{},"，模板会被写入目标文件。否则，模板仅用于虚拟文件系统。",[1356,2359,2360,2364,2368,2372],{},[1376,2361,2362],{},[1028,2363,1463],{},[1376,2365,2366],{},[1028,2367,1468],{},[1376,2369,2370],{},[1028,2371,1431],{},[1376,2373,1475,2374,1479,2376,1482,2378,1486,2380,1490,2382,1493,2384,1496,2386,1493,2388,1502],{},[1028,2375,1478],{},[1028,2377,1463],{},[1028,2379,1485],{},[1028,2381,1489],{},[1028,2383,1485],{},[1028,2385,1066],{},[1028,2387,1489],{},[1028,2389,1501],{},[1504,2391],{},[1024,2393,2394,2395,2397,2398,1515],{},"优先使用 ",[1028,2396,2139],{}," 进行动态插件生成。除非必要，避免使用 ",[1028,2399,1463],{},[1024,2401,2402,1523],{},[1337,2403,2404],{},[1028,2405,1522],{},[1350,2407,2408,2420],{},[1353,2409,2410],{},[1356,2411,2412,2414,2416,2418],{},[1359,2413,1361],{},[1359,2415,1280],{},[1359,2417,1366],{},[1359,2419,1369],{},[1371,2421,2422],{},[1356,2423,2424,2428,2432,2436],{},[1376,2425,2426],{},[1028,2427,1514],{},[1376,2429,2430],{},[1028,2431,1550],{},[1376,2433,2434],{},[1028,2435,1431],{},[1376,2437,1557,2438,1560,2440,1563,2442,1566],{},[1028,2439,1389],{},[1028,2441,1431],{},[1028,2443,1431],{},[1062,2445,1569],{"id":2446},"示例-1",[2448,2449,2450],"h4",{"id":2450},"用不同选项生成插件模板",[1024,2452,2453,2454,2456],{},"当你需要在构建时动态生成插件代码时，使用 ",[1028,2455,1038],{},"。这允许你根据传给它的选项生成不同的插件内容。例如，Nuxt 内部使用这个函数来生成 Vue app 配置。",[1066,2458,2460],{"className":1068,"code":2459,"filename":1575,"language":1070,"meta":1071,"style":354},"import { addPluginTemplate, defineNuxtModule } from '@nuxt\u002Fkit'\n\nexport default defineNuxtModule({\n  setup (_, nuxt) {\n    if (nuxt.options.vue.config && Object.values(nuxt.options.vue.config).some(v => v !== null && v !== undefined)) {\n      addPluginTemplate({\n        filename: 'vue-app-config.mjs',\n        write: true,\n        getContents: () => `import { defineNuxtPlugin } from '#app\u002Fnuxt'\nexport default defineNuxtPlugin({\n  name: 'nuxt:vue-app-config',\n  enforce: 'pre',\n  setup (nuxtApp) {\n    ${Object.keys(nuxt.options.vue.config!)\n        .map(k => `nuxtApp.vueApp.config[${JSON.stringify(k)}] = ${JSON.stringify(nuxt.options.vue.config![k as 'idPrefix'])}`)\n        .join('\\n')\n    }\n  }\n})`,\n      })\n    }\n  },\n})\n",[1028,2461,2462,2484,2488,2500,2518,2605,2614,2630,2643,2658,2662,2667,2672,2676,2710,2802,2820,2825,2830,2839,2847,2852,2857],{"__ignoreMap":354},[1075,2463,2464,2466,2468,2470,2472,2474,2476,2478,2480,2482],{"class":1077,"line":1078},[1075,2465,1082],{"class":1081},[1075,2467,1086],{"class":1085},[1075,2469,1890],{"class":1089},[1075,2471,1093],{"class":1085},[1075,2473,1101],{"class":1089},[1075,2475,1104],{"class":1085},[1075,2477,1107],{"class":1081},[1075,2479,1111],{"class":1110},[1075,2481,1115],{"class":1114},[1075,2483,1118],{"class":1110},[1075,2485,2486],{"class":1077,"line":1121},[1075,2487,1125],{"emptyLinePlaceholder":1124},[1075,2489,2490,2492,2494,2496,2498],{"class":1077,"line":1128},[1075,2491,1131],{"class":1081},[1075,2493,1134],{"class":1081},[1075,2495,1101],{"class":1137},[1075,2497,1140],{"class":1089},[1075,2499,1143],{"class":1085},[1075,2501,2502,2504,2506,2509,2511,2514,2516],{"class":1077,"line":1146},[1075,2503,1150],{"class":1149},[1075,2505,1295],{"class":1085},[1075,2507,2508],{"class":1298},"_",[1075,2510,1093],{"class":1085},[1075,2512,2513],{"class":1298}," nuxt",[1075,2515,1235],{"class":1085},[1075,2517,1156],{"class":1085},[1075,2519,2520,2522,2524,2527,2529,2531,2533,2536,2538,2541,2544,2547,2549,2552,2554,2556,2558,2560,2562,2564,2566,2568,2570,2572,2575,2577,2580,2582,2585,2587,2591,2593,2595,2597,2600,2603],{"class":1077,"line":1159},[1075,2521,1798],{"class":1081},[1075,2523,1295],{"class":1180},[1075,2525,2526],{"class":1089},"nuxt",[1075,2528,1185],{"class":1085},[1075,2530,1522],{"class":1089},[1075,2532,1185],{"class":1085},[1075,2534,2535],{"class":1089},"vue",[1075,2537,1185],{"class":1085},[1075,2539,2540],{"class":1089},"config",[1075,2542,2543],{"class":1174}," &&",[1075,2545,2546],{"class":1089}," Object",[1075,2548,1185],{"class":1085},[1075,2550,2551],{"class":1137},"values",[1075,2553,1140],{"class":1180},[1075,2555,2526],{"class":1089},[1075,2557,1185],{"class":1085},[1075,2559,1522],{"class":1089},[1075,2561,1185],{"class":1085},[1075,2563,2535],{"class":1089},[1075,2565,1185],{"class":1085},[1075,2567,2540],{"class":1089},[1075,2569,1235],{"class":1180},[1075,2571,1185],{"class":1085},[1075,2573,2574],{"class":1137},"some",[1075,2576,1140],{"class":1180},[1075,2578,2579],{"class":1298},"v",[1075,2581,1744],{"class":1162},[1075,2583,2584],{"class":1089}," v",[1075,2586,1811],{"class":1174},[1075,2588,2590],{"class":2589},"s0q4w"," null",[1075,2592,2543],{"class":1174},[1075,2594,2584],{"class":1089},[1075,2596,1811],{"class":1174},[1075,2598,2599],{"class":2589}," undefined",[1075,2601,2602],{"class":1180},")) ",[1075,2604,1143],{"class":1085},[1075,2606,2607,2610,2612],{"class":1077,"line":1199},[1075,2608,2609],{"class":1137},"      addPluginTemplate",[1075,2611,1140],{"class":1180},[1075,2613,1143],{"class":1085},[1075,2615,2616,2619,2621,2623,2626,2628],{"class":1077,"line":1204},[1075,2617,2618],{"class":1180},"        filename",[1075,2620,1220],{"class":1085},[1075,2622,1111],{"class":1110},[1075,2624,2625],{"class":1114},"vue-app-config.mjs",[1075,2627,1227],{"class":1110},[1075,2629,1238],{"class":1085},[1075,2631,2632,2635,2637,2641],{"class":1077,"line":1214},[1075,2633,2634],{"class":1180},"        write",[1075,2636,1220],{"class":1085},[1075,2638,2640],{"class":2639},"si1Qm"," true",[1075,2642,1238],{"class":1085},[1075,2644,2645,2648,2650,2652,2654,2656],{"class":1077,"line":1241},[1075,2646,2647],{"class":1137},"        getContents",[1075,2649,1220],{"class":1085},[1075,2651,1153],{"class":1085},[1075,2653,1744],{"class":1162},[1075,2655,1971],{"class":1110},[1075,2657,1974],{"class":1114},[1075,2659,2660],{"class":1077,"line":1258},[1075,2661,1979],{"class":1114},[1075,2663,2664],{"class":1077,"line":1266},[1075,2665,2666],{"class":1114},"  name: 'nuxt:vue-app-config',\n",[1075,2668,2669],{"class":1077,"line":1272},[1075,2670,2671],{"class":1114},"  enforce: 'pre',\n",[1075,2673,2674],{"class":1077,"line":2025},[1075,2675,1989],{"class":1114},[1075,2677,2678,2680,2683,2685,2688,2691,2693,2695,2697,2699,2701,2703,2705,2708],{"class":1077,"line":2036},[1075,2679,1994],{"class":1110},[1075,2681,2682],{"class":1089},"Object",[1075,2684,1185],{"class":1110},[1075,2686,2687],{"class":1137},"keys",[1075,2689,1140],{"class":2690},"szYI0",[1075,2692,2526],{"class":1089},[1075,2694,1185],{"class":1110},[1075,2696,1522],{"class":1089},[1075,2698,1185],{"class":1110},[1075,2700,2535],{"class":1089},[1075,2702,1185],{"class":1110},[1075,2704,2540],{"class":1089},[1075,2706,2707],{"class":1174},"!",[1075,2709,1196],{"class":2690},[1075,2711,2712,2715,2718,2720,2724,2726,2728,2731,2734,2737,2739,2742,2744,2746,2748,2750,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777,2779,2782,2784,2787,2789,2792,2794,2797,2800],{"class":1077,"line":2043},[1075,2713,2714],{"class":1110},"        .",[1075,2716,2717],{"class":1137},"map",[1075,2719,1140],{"class":2690},[1075,2721,2723],{"class":2722},"smf2c","k",[1075,2725,1744],{"class":1162},[1075,2727,1971],{"class":1110},[1075,2729,2730],{"class":1114},"nuxtApp.vueApp.config[",[1075,2732,2733],{"class":1110},"${",[1075,2735,2736],{"class":1168},"JSON",[1075,2738,1185],{"class":1110},[1075,2740,2741],{"class":1137},"stringify",[1075,2743,1140],{"class":2690},[1075,2745,2723],{"class":1089},[1075,2747,1235],{"class":2690},[1075,2749,1275],{"class":1110},[1075,2751,2752],{"class":1114},"] = ",[1075,2754,2733],{"class":1110},[1075,2756,2736],{"class":1168},[1075,2758,1185],{"class":1110},[1075,2760,2741],{"class":1137},[1075,2762,1140],{"class":2690},[1075,2764,2526],{"class":1089},[1075,2766,1185],{"class":1110},[1075,2768,1522],{"class":1089},[1075,2770,1185],{"class":1110},[1075,2772,2535],{"class":1089},[1075,2774,1185],{"class":1110},[1075,2776,2540],{"class":1089},[1075,2778,2707],{"class":1174},[1075,2780,2781],{"class":2690},"[",[1075,2783,2723],{"class":1089},[1075,2785,2786],{"class":1081}," as",[1075,2788,1111],{"class":1110},[1075,2790,2791],{"class":1114},"idPrefix",[1075,2793,1227],{"class":1110},[1075,2795,2796],{"class":2690},"])",[1075,2798,2799],{"class":1110},"}`",[1075,2801,1196],{"class":2690},[1075,2803,2804,2806,2809,2811,2813,2816,2818],{"class":1077,"line":2048},[1075,2805,2714],{"class":1110},[1075,2807,2808],{"class":1137},"join",[1075,2810,1140],{"class":2690},[1075,2812,1227],{"class":1110},[1075,2814,2815],{"class":1168},"\\n",[1075,2817,1227],{"class":1110},[1075,2819,1196],{"class":2690},[1075,2821,2823],{"class":1077,"line":2822},17,[1075,2824,1845],{"class":1110},[1075,2826,2828],{"class":1077,"line":2827},18,[1075,2829,2022],{"class":1114},[1075,2831,2833,2835,2837],{"class":1077,"line":2832},19,[1075,2834,2028],{"class":1114},[1075,2836,2031],{"class":1110},[1075,2838,1238],{"class":1085},[1075,2840,2842,2845],{"class":1077,"line":2841},20,[1075,2843,2844],{"class":1085},"      }",[1075,2846,1196],{"class":1180},[1075,2848,2850],{"class":1077,"line":2849},21,[1075,2851,1845],{"class":1085},[1075,2853,2855],{"class":1077,"line":2854},22,[1075,2856,1269],{"class":1085},[1075,2858,2860,2862],{"class":1077,"line":2859},23,[1075,2861,1275],{"class":1085},[1075,2863,1196],{"class":1089},[1024,2865,2866],{},"这会生成不同的插件代码，取决于所提供的配置。",[1571,2868,2869,2935],{},[1066,2870,2872],{"className":1068,"code":2871,"filename":174,"language":1070,"meta":354,"style":354},"export default defineNuxtConfig({\n  vue: {\n    config: {\n      idPrefix: 'nuxt',\n    },\n  },\n})\n",[1028,2873,2874,2887,2896,2905,2920,2925,2929],{"__ignoreMap":354},[1075,2875,2876,2878,2880,2883,2885],{"class":1077,"line":1078},[1075,2877,1131],{"class":1081},[1075,2879,1134],{"class":1081},[1075,2881,2882],{"class":1137}," defineNuxtConfig",[1075,2884,1140],{"class":1089},[1075,2886,1143],{"class":1085},[1075,2888,2889,2892,2894],{"class":1077,"line":1121},[1075,2890,2891],{"class":1180},"  vue",[1075,2893,1220],{"class":1085},[1075,2895,1156],{"class":1085},[1075,2897,2898,2901,2903],{"class":1077,"line":1128},[1075,2899,2900],{"class":1180},"    config",[1075,2902,1220],{"class":1085},[1075,2904,1156],{"class":1085},[1075,2906,2907,2910,2912,2914,2916,2918],{"class":1077,"line":1146},[1075,2908,2909],{"class":1180},"      idPrefix",[1075,2911,1220],{"class":1085},[1075,2913,1111],{"class":1110},[1075,2915,2526],{"class":1114},[1075,2917,1227],{"class":1110},[1075,2919,1238],{"class":1085},[1075,2921,2922],{"class":1077,"line":1159},[1075,2923,2924],{"class":1085},"    },\n",[1075,2926,2927],{"class":1077,"line":1199},[1075,2928,1269],{"class":1085},[1075,2930,2931,2933],{"class":1077,"line":1204},[1075,2932,1275],{"class":1085},[1075,2934,1196],{"class":1089},[1066,2936,2939],{"className":1068,"code":2937,"filename":2938,"language":1070,"meta":354,"style":354},"import { defineNuxtPlugin } from '#app\u002Fnuxt'\n\nexport default defineNuxtPlugin({\n  name: 'nuxt:vue-app-config',\n  enforce: 'pre',\n  setup (nuxtApp) {\n    nuxtApp.vueApp.config.idPrefix = 'nuxt'\n  },\n})\n","#build\u002Fvue-app-config.mjs",[1028,2940,2941,2960,2964,2976,2992,3007,3019,3045,3049],{"__ignoreMap":354},[1075,2942,2943,2945,2947,2949,2951,2953,2955,2958],{"class":1077,"line":1078},[1075,2944,1082],{"class":1081},[1075,2946,1086],{"class":1085},[1075,2948,1732],{"class":1089},[1075,2950,1104],{"class":1085},[1075,2952,1107],{"class":1081},[1075,2954,1111],{"class":1110},[1075,2956,2957],{"class":1114},"#app\u002Fnuxt",[1075,2959,1118],{"class":1110},[1075,2961,2962],{"class":1077,"line":1121},[1075,2963,1125],{"emptyLinePlaceholder":1124},[1075,2965,2966,2968,2970,2972,2974],{"class":1077,"line":1128},[1075,2967,1131],{"class":1081},[1075,2969,1134],{"class":1081},[1075,2971,1732],{"class":1137},[1075,2973,1140],{"class":1089},[1075,2975,1143],{"class":1085},[1075,2977,2978,2981,2983,2985,2988,2990],{"class":1077,"line":1146},[1075,2979,2980],{"class":1180},"  name",[1075,2982,1220],{"class":1085},[1075,2984,1111],{"class":1110},[1075,2986,2987],{"class":1114},"nuxt:vue-app-config",[1075,2989,1227],{"class":1110},[1075,2991,1238],{"class":1085},[1075,2993,2994,2997,2999,3001,3003,3005],{"class":1077,"line":1159},[1075,2995,2996],{"class":1180},"  enforce",[1075,2998,1220],{"class":1085},[1075,3000,1111],{"class":1110},[1075,3002,1066],{"class":1114},[1075,3004,1227],{"class":1110},[1075,3006,1238],{"class":1085},[1075,3008,3009,3011,3013,3015,3017],{"class":1077,"line":1199},[1075,3010,1150],{"class":1149},[1075,3012,1295],{"class":1085},[1075,3014,1739],{"class":1298},[1075,3016,1235],{"class":1085},[1075,3018,1156],{"class":1085},[1075,3020,3021,3024,3026,3029,3031,3033,3035,3037,3039,3041,3043],{"class":1077,"line":1204},[1075,3022,3023],{"class":1089},"    nuxtApp",[1075,3025,1185],{"class":1085},[1075,3027,3028],{"class":1089},"vueApp",[1075,3030,1185],{"class":1085},[1075,3032,2540],{"class":1089},[1075,3034,1185],{"class":1085},[1075,3036,2791],{"class":1089},[1075,3038,1175],{"class":1174},[1075,3040,1111],{"class":1110},[1075,3042,2526],{"class":1114},[1075,3044,1118],{"class":1110},[1075,3046,3047],{"class":1077,"line":1214},[1075,3048,1269],{"class":1085},[1075,3050,3051,3053],{"class":1077,"line":1241},[1075,3052,1275],{"class":1085},[1075,3054,1196],{"class":1089},[3056,3057,3058],"style",{},"html pre.shiki code .szyBz, html code.shiki .szyBz{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#F97583;--shiki-default-font-style:inherit;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sF54B, html code.shiki .sF54B{--shiki-light:#39ADB5;--shiki-default:#E1E4E8;--shiki-dark:#89DDFF}html pre.shiki code .smVNa, html code.shiki .smVNa{--shiki-light:#90A4AE;--shiki-default:#E1E4E8;--shiki-dark:#BABED8}html pre.shiki code .s0jeK, html code.shiki .s0jeK{--shiki-light:#39ADB5;--shiki-default:#9ECBFF;--shiki-dark:#89DDFF}html pre.shiki code .s-Aze, html code.shiki .s-Aze{--shiki-light:#91B859;--shiki-default:#9ECBFF;--shiki-dark:#C3E88D}html pre.shiki code .srJn9, html code.shiki .srJn9{--shiki-light:#6182B8;--shiki-default:#B392F0;--shiki-dark:#82AAFF}html pre.shiki code .syA7L, html code.shiki .syA7L{--shiki-light:#E53935;--shiki-default:#B392F0;--shiki-dark:#F07178}html pre.shiki code .sV7Px, html code.shiki .sV7Px{--shiki-light:#9C3EDA;--shiki-default:#F97583;--shiki-dark:#C792EA}html pre.shiki code .sJTDI, html code.shiki .sJTDI{--shiki-light:#90A4AE;--shiki-default:#79B8FF;--shiki-dark:#BABED8}html pre.shiki code .sXPRQ, html code.shiki .sXPRQ{--shiki-light:#39ADB5;--shiki-default:#F97583;--shiki-dark:#89DDFF}html pre.shiki code .sOtFm, html code.shiki .sOtFm{--shiki-light:#E53935;--shiki-default:#E1E4E8;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .ssIVr, html code.shiki .ssIVr{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#FFAB70;--shiki-default-font-style:inherit;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sJK67, html code.shiki .sJK67{--shiki-light:#E2931D;--shiki-default:#B392F0;--shiki-dark:#FFCB6B}html pre.shiki code .seQRr, html code.shiki .seQRr{--shiki-light:#E2931D;--shiki-default:#79B8FF;--shiki-dark:#FFCB6B}html pre.shiki code .s0q4w, html code.shiki .s0q4w{--shiki-light:#39ADB5;--shiki-default:#79B8FF;--shiki-dark:#89DDFF}html pre.shiki code .si1Qm, html code.shiki .si1Qm{--shiki-light:#FF5370;--shiki-default:#79B8FF;--shiki-dark:#FF9CAC}html pre.shiki code .szYI0, html code.shiki .szYI0{--shiki-light:#90A4AE;--shiki-default:#9ECBFF;--shiki-dark:#BABED8}html pre.shiki code .smf2c, html code.shiki .smf2c{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#79B8FF;--shiki-default-font-style:inherit;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":354,"searchDepth":1128,"depth":1128,"links":3060},[3061,3067],{"id":1043,"depth":1121,"text":1034,"children":3062},[3063,3064,3065,3066],{"id":1064,"depth":1128,"text":1064},{"id":1280,"depth":1128,"text":1280},{"id":1333,"depth":1128,"text":1333},{"id":1569,"depth":1128,"text":1569},{"id":1861,"depth":1121,"text":1038,"children":3068},[3069,3070,3071,3072],{"id":1876,"depth":1128,"text":1064},{"id":2055,"depth":1128,"text":1280},{"id":2093,"depth":1128,"text":1333},{"id":2446,"depth":1128,"text":1569,"children":3073},[3074],{"id":2450,"depth":1146,"text":2450},"md",{"links":3077},[3078],{"label":3079,"icon":3080,"to":3081,"size":3082},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fnuxt\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fplugin.ts","xs",null,{"title":804,"description":805},"docs\u002F4.api\u002F5.kit\u002F9.plugins","CzuQAD8Sgwo3kQ5-HtwWh1BupmymY6M4CM7dJiQo9N4",1785179860655]