[{"data":1,"prerenderedAt":3108},["ShallowReactive",2],{"navigation":3,"-docs-guide-concepts-esm":1107,"-docs-guide-concepts-esm-surround":3103},[4,1018],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-bookmark","/docs","docs",[11,109,345,805,897,934,976],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/getting-started/installation","docs/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/getting-started/views","docs/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/getting-started/assets","docs/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/getting-started/styling","docs/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/getting-started/routing","docs/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/getting-started/seo-meta","docs/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/getting-started/transitions","docs/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/getting-started/data-fetching","docs/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/getting-started/state-management","docs/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/getting-started/error-handling","docs/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/getting-started/server","docs/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/getting-started/layers","docs/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/getting-started/prerendering","docs/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/getting-started/deployment","docs/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/getting-started/testing","docs/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/getting-started/upgrade","docs/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":6,"icon":111,"path":112,"stem":113,"children":114,"page":108},"Guide","i-lucide-book-open","/docs/guide","docs/2.guide",[115,158,271,322],{"title":116,"titleTemplate":117,"icon":118,"path":119,"stem":120,"children":121,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/guide/concepts","docs/2.guide/1.concepts",[122,126,130,134,138,142,146,150,154],{"title":123,"path":124,"stem":125,"titleTemplate":6},"Auto-imports","/docs/guide/concepts/auto-imports","docs/2.guide/1.concepts/1.auto-imports",{"title":127,"path":128,"stem":129,"titleTemplate":6},"Nuxt Lifecycle","/docs/guide/concepts/nuxt-lifecycle","docs/2.guide/1.concepts/10.nuxt-lifecycle",{"title":131,"path":132,"stem":133,"titleTemplate":6},"Vue.js Development","/docs/guide/concepts/vuejs-development","docs/2.guide/1.concepts/2.vuejs-development",{"title":135,"path":136,"stem":137,"titleTemplate":6},"Rendering Modes","/docs/guide/concepts/rendering","docs/2.guide/1.concepts/3.rendering",{"title":139,"path":140,"stem":141,"titleTemplate":6},"Server Engine","/docs/guide/concepts/server-engine","docs/2.guide/1.concepts/4.server-engine",{"title":143,"path":144,"stem":145,"titleTemplate":6},"Modules","/docs/guide/concepts/modules","docs/2.guide/1.concepts/5.modules",{"title":147,"path":148,"stem":149,"titleTemplate":6},"ES Modules","/docs/guide/concepts/esm","docs/2.guide/1.concepts/7.esm",{"title":151,"path":152,"stem":153,"titleTemplate":6},"TypeScript","/docs/guide/concepts/typescript","docs/2.guide/1.concepts/8.typescript",{"title":155,"path":156,"stem":157,"titleTemplate":6},"Code Style","/docs/guide/concepts/code-style","docs/2.guide/1.concepts/9.code-style",{"title":159,"titleTemplate":160,"icon":161,"path":162,"stem":163,"children":164,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-lucide-folders","/docs/guide/directory-structure","docs/2.guide/2.directory-structure",[165,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,235,239,243,247,251,255,259,263,267],{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},".nuxt","/docs/guide/directory-structure/nuxt","docs/2.guide/2.directory-structure/0.nuxt","i-lucide-folder",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":169},".output","/docs/guide/directory-structure/output","docs/2.guide/2.directory-structure/0.output",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":169},"assets","/docs/guide/directory-structure/assets","docs/2.guide/2.directory-structure/1.assets",{"title":179,"path":180,"stem":181,"titleTemplate":6,"icon":169},"components","/docs/guide/directory-structure/components","docs/2.guide/2.directory-structure/1.components",{"title":183,"path":184,"stem":185,"titleTemplate":6,"icon":169},"composables","/docs/guide/directory-structure/composables","docs/2.guide/2.directory-structure/1.composables",{"title":187,"path":188,"stem":189,"titleTemplate":6,"icon":169},"content","/docs/guide/directory-structure/content","docs/2.guide/2.directory-structure/1.content",{"title":191,"path":192,"stem":193,"titleTemplate":6,"icon":169},"layouts","/docs/guide/directory-structure/layouts","docs/2.guide/2.directory-structure/1.layouts",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":169},"middleware","/docs/guide/directory-structure/middleware","docs/2.guide/2.directory-structure/1.middleware",{"title":199,"path":200,"stem":201,"titleTemplate":6,"icon":169},"modules","/docs/guide/directory-structure/modules","docs/2.guide/2.directory-structure/1.modules",{"title":203,"path":204,"stem":205,"titleTemplate":6,"icon":169},"node_modules","/docs/guide/directory-structure/node_modules","docs/2.guide/2.directory-structure/1.node_modules",{"title":207,"path":208,"stem":209,"titleTemplate":6,"icon":169},"pages","/docs/guide/directory-structure/pages","docs/2.guide/2.directory-structure/1.pages",{"title":211,"path":212,"stem":213,"titleTemplate":6,"icon":169},"plugins","/docs/guide/directory-structure/plugins","docs/2.guide/2.directory-structure/1.plugins",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":169},"public","/docs/guide/directory-structure/public","docs/2.guide/2.directory-structure/1.public",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":169},"server","/docs/guide/directory-structure/server","docs/2.guide/2.directory-structure/1.server",{"title":223,"path":224,"stem":225,"titleTemplate":6,"icon":169},"shared","/docs/guide/directory-structure/shared","docs/2.guide/2.directory-structure/1.shared",{"title":227,"path":228,"stem":229,"titleTemplate":6,"icon":169},"utils","/docs/guide/directory-structure/utils","docs/2.guide/2.directory-structure/1.utils",{"title":231,"path":232,"stem":233,"titleTemplate":6,"icon":234},".env","/docs/guide/directory-structure/env","docs/2.guide/2.directory-structure/2.env","i-lucide-file",{"title":236,"path":237,"stem":238,"titleTemplate":6,"icon":234},".gitignore","/docs/guide/directory-structure/gitignore","docs/2.guide/2.directory-structure/2.gitignore",{"title":240,"path":241,"stem":242,"titleTemplate":6,"icon":234},".nuxtignore","/docs/guide/directory-structure/nuxtignore","docs/2.guide/2.directory-structure/2.nuxtignore",{"title":244,"path":245,"stem":246,"titleTemplate":6,"icon":234},".nuxtrc","/docs/guide/directory-structure/nuxtrc","docs/2.guide/2.directory-structure/2.nuxtrc",{"title":248,"path":249,"stem":250,"titleTemplate":6,"icon":234},"app.vue","/docs/guide/directory-structure/app","docs/2.guide/2.directory-structure/3.app",{"title":252,"path":253,"stem":254,"titleTemplate":6,"icon":234},"app.config.ts","/docs/guide/directory-structure/app-config","docs/2.guide/2.directory-structure/3.app-config",{"title":256,"path":257,"stem":258,"titleTemplate":6,"icon":234},"error.vue","/docs/guide/directory-structure/error","docs/2.guide/2.directory-structure/3.error",{"title":260,"path":261,"stem":262,"titleTemplate":6,"icon":234},"nuxt.config.ts","/docs/guide/directory-structure/nuxt-config","docs/2.guide/2.directory-structure/3.nuxt-config",{"title":264,"path":265,"stem":266,"titleTemplate":6,"icon":234},"package.json","/docs/guide/directory-structure/package","docs/2.guide/2.directory-structure/3.package",{"title":268,"path":269,"stem":270,"titleTemplate":6,"icon":234},"tsconfig.json","/docs/guide/directory-structure/tsconfig","docs/2.guide/2.directory-structure/3.tsconfig",{"title":272,"titleTemplate":273,"icon":274,"path":275,"stem":276,"children":277,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/guide/going-further","docs/2.guide/3.going-further",[278,282,286,290,294,298,302,306,310,314,318],{"title":279,"path":280,"stem":281,"titleTemplate":6},"Experimental Features","/docs/guide/going-further/experimental-features","docs/2.guide/3.going-further/1.experimental-features",{"title":283,"path":284,"stem":285,"titleTemplate":6},"Features","/docs/guide/going-further/features","docs/2.guide/3.going-further/1.features",{"title":287,"path":288,"stem":289,"titleTemplate":6},"How Nuxt Works?","/docs/guide/going-further/internals","docs/2.guide/3.going-further/1.internals",{"title":291,"path":292,"stem":293,"titleTemplate":6},"Runtime Config","/docs/guide/going-further/runtime-config","docs/2.guide/3.going-further/10.runtime-config",{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nightly Release Channel","/docs/guide/going-further/nightly-release-channel","docs/2.guide/3.going-further/11.nightly-release-channel",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Lifecycle Hooks","/docs/guide/going-further/hooks","docs/2.guide/3.going-further/2.hooks",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Module Author Guide","/docs/guide/going-further/modules","docs/2.guide/3.going-further/3.modules",{"title":307,"path":308,"stem":309,"titleTemplate":6},"Nuxt Kit","/docs/guide/going-further/kit","docs/2.guide/3.going-further/4.kit",{"title":311,"path":312,"stem":313,"titleTemplate":6},"NuxtApp","/docs/guide/going-further/nuxt-app","docs/2.guide/3.going-further/6.nuxt-app",{"title":315,"path":316,"stem":317,"titleTemplate":6},"Authoring Nuxt Layers","/docs/guide/going-further/layers","docs/2.guide/3.going-further/7.layers",{"title":319,"path":320,"stem":321,"titleTemplate":6},"Debugging","/docs/guide/going-further/debugging","docs/2.guide/3.going-further/9.debugging",{"title":323,"titleTemplate":324,"icon":325,"path":326,"stem":327,"children":328,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/guide/recipes","docs/2.guide/4.recipes",[329,333,337,341],{"title":330,"path":331,"stem":332,"titleTemplate":6},"Custom Routing","/docs/guide/recipes/custom-routing","docs/2.guide/4.recipes/1.custom-routing",{"title":334,"path":335,"stem":336,"titleTemplate":6},"Vite Plugins","/docs/guide/recipes/vite-plugin","docs/2.guide/4.recipes/2.vite-plugin",{"title":338,"path":339,"stem":340,"titleTemplate":6},"Custom useFetch","/docs/guide/recipes/custom-usefetch","docs/2.guide/4.recipes/3.custom-usefetch",{"title":342,"path":343,"stem":344,"titleTemplate":6},"Sessions and Authentication","/docs/guide/recipes/sessions-and-authentication","docs/2.guide/4.recipes/4.sessions-and-authentication",{"title":346,"titleTemplate":347,"icon":348,"path":349,"stem":350,"children":351,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/api","docs/3.api",[352,416,539,654,721,787,800],{"title":353,"titleTemplate":354,"icon":355,"path":356,"stem":357,"children":358,"page":108},"Components","%s · Nuxt Components","i-lucide-box","/docs/api/components","docs/3.api/1.components",[359,363,367,371,375,379,384,388,392,396,400,404,408,412],{"title":360,"path":361,"stem":362,"titleTemplate":6},"\u003CClientOnly>","/docs/api/components/client-only","docs/3.api/1.components/1.client-only",{"title":364,"path":365,"stem":366,"titleTemplate":6},"\u003CDevOnly>","/docs/api/components/dev-only","docs/3.api/1.components/1.dev-only",{"title":368,"path":369,"stem":370,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/api/components/nuxt-client-fallback","docs/3.api/1.components/1.nuxt-client-fallback",{"title":372,"path":373,"stem":374,"titleTemplate":6},"\u003CNuxtPicture>","/docs/api/components/nuxt-picture","docs/3.api/1.components/10.nuxt-picture",{"title":376,"path":377,"stem":378,"titleTemplate":6},"\u003CTeleport>","/docs/api/components/teleports","docs/3.api/1.components/11.teleports",{"title":380,"path":381,"stem":382,"titleTemplate":6,"badge":383},"\u003CNuxtRouteAnnouncer>","/docs/api/components/nuxt-route-announcer","docs/3.api/1.components/12.nuxt-route-announcer","New",{"title":385,"path":386,"stem":387,"titleTemplate":6},"\u003CNuxtPage>","/docs/api/components/nuxt-page","docs/3.api/1.components/2.nuxt-page",{"title":389,"path":390,"stem":391,"titleTemplate":6},"\u003CNuxtLayout>","/docs/api/components/nuxt-layout","docs/3.api/1.components/3.nuxt-layout",{"title":393,"path":394,"stem":395,"titleTemplate":6},"\u003CNuxtLink>","/docs/api/components/nuxt-link","docs/3.api/1.components/4.nuxt-link",{"title":397,"path":398,"stem":399,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/api/components/nuxt-loading-indicator","docs/3.api/1.components/5.nuxt-loading-indicator",{"title":401,"path":402,"stem":403,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/api/components/nuxt-error-boundary","docs/3.api/1.components/6.nuxt-error-boundary",{"title":405,"path":406,"stem":407,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/api/components/nuxt-welcome","docs/3.api/1.components/7.nuxt-welcome",{"title":409,"path":410,"stem":411,"titleTemplate":6},"\u003CNuxtIsland>","/docs/api/components/nuxt-island","docs/3.api/1.components/8.nuxt-island",{"title":413,"path":414,"stem":415,"titleTemplate":6},"\u003CNuxtImg>","/docs/api/components/nuxt-img","docs/3.api/1.components/9.nuxt-img",{"title":417,"titleTemplate":418,"icon":419,"path":420,"stem":421,"children":422,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/api/composables","docs/3.api/2.composables",[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],{"title":424,"path":425,"stem":426,"titleTemplate":6},"onPrehydrate","/docs/api/composables/on-prehydrate","docs/3.api/2.composables/on-prehydrate",{"title":428,"path":429,"stem":430,"titleTemplate":6},"useAppConfig","/docs/api/composables/use-app-config","docs/3.api/2.composables/use-app-config",{"title":432,"path":433,"stem":434,"titleTemplate":6},"useAsyncData","/docs/api/composables/use-async-data","docs/3.api/2.composables/use-async-data",{"title":436,"path":437,"stem":438,"titleTemplate":6},"useCookie","/docs/api/composables/use-cookie","docs/3.api/2.composables/use-cookie",{"title":440,"path":441,"stem":442,"titleTemplate":6},"useError","/docs/api/composables/use-error","docs/3.api/2.composables/use-error",{"title":444,"path":445,"stem":446,"titleTemplate":6},"useFetch","/docs/api/composables/use-fetch","docs/3.api/2.composables/use-fetch",{"title":448,"path":449,"stem":450,"titleTemplate":6},"useHead","/docs/api/composables/use-head","docs/3.api/2.composables/use-head",{"title":452,"path":453,"stem":454,"titleTemplate":6},"useHeadSafe","/docs/api/composables/use-head-safe","docs/3.api/2.composables/use-head-safe",{"title":456,"path":457,"stem":458,"titleTemplate":6},"useHydration","/docs/api/composables/use-hydration","docs/3.api/2.composables/use-hydration",{"title":460,"path":461,"stem":462,"titleTemplate":6},"useLazyAsyncData","/docs/api/composables/use-lazy-async-data","docs/3.api/2.composables/use-lazy-async-data",{"title":464,"path":465,"stem":466,"titleTemplate":6},"useLazyFetch","/docs/api/composables/use-lazy-fetch","docs/3.api/2.composables/use-lazy-fetch",{"title":468,"path":469,"stem":470,"titleTemplate":6},"useLoadingIndicator","/docs/api/composables/use-loading-indicator","docs/3.api/2.composables/use-loading-indicator",{"title":472,"path":473,"stem":474,"titleTemplate":6},"useNuxtApp","/docs/api/composables/use-nuxt-app","docs/3.api/2.composables/use-nuxt-app",{"title":476,"path":477,"stem":478,"titleTemplate":6},"useNuxtData","/docs/api/composables/use-nuxt-data","docs/3.api/2.composables/use-nuxt-data",{"title":480,"path":481,"stem":482,"titleTemplate":6},"usePreviewMode","/docs/api/composables/use-preview-mode","docs/3.api/2.composables/use-preview-mode",{"title":484,"path":485,"stem":486,"titleTemplate":6},"useRequestEvent","/docs/api/composables/use-request-event","docs/3.api/2.composables/use-request-event",{"title":488,"path":489,"stem":490,"titleTemplate":6},"useRequestFetch","/docs/api/composables/use-request-fetch","docs/3.api/2.composables/use-request-fetch",{"title":492,"path":493,"stem":494,"titleTemplate":6},"useRequestHeader","/docs/api/composables/use-request-header","docs/3.api/2.composables/use-request-header",{"title":496,"path":497,"stem":498,"titleTemplate":6},"useRequestHeaders","/docs/api/composables/use-request-headers","docs/3.api/2.composables/use-request-headers",{"title":500,"path":501,"stem":502,"titleTemplate":6},"useRequestURL","/docs/api/composables/use-request-url","docs/3.api/2.composables/use-request-url",{"title":504,"path":505,"stem":506,"titleTemplate":6},"useResponseHeader","/docs/api/composables/use-response-header","docs/3.api/2.composables/use-response-header",{"title":508,"path":509,"stem":510,"titleTemplate":6},"useRoute","/docs/api/composables/use-route","docs/3.api/2.composables/use-route",{"title":512,"path":513,"stem":514,"titleTemplate":6,"badge":383},"useRouteAnnouncer","/docs/api/composables/use-route-announcer","docs/3.api/2.composables/use-route-announcer",{"title":516,"path":517,"stem":518,"titleTemplate":6},"useRouter","/docs/api/composables/use-router","docs/3.api/2.composables/use-router",{"title":520,"path":521,"stem":522,"titleTemplate":6},"useRuntimeConfig","/docs/api/composables/use-runtime-config","docs/3.api/2.composables/use-runtime-config",{"title":524,"path":525,"stem":526,"titleTemplate":6},"useRuntimeHook","/docs/api/composables/use-runtime-hook","docs/3.api/2.composables/use-runtime-hook",{"title":528,"path":529,"stem":530,"titleTemplate":6},"useSeoMeta","/docs/api/composables/use-seo-meta","docs/3.api/2.composables/use-seo-meta",{"title":532,"path":533,"stem":534,"titleTemplate":6},"useServerSeoMeta","/docs/api/composables/use-server-seo-meta","docs/3.api/2.composables/use-server-seo-meta",{"title":536,"path":537,"stem":538,"titleTemplate":6},"useState","/docs/api/composables/use-state","docs/3.api/2.composables/use-state",{"title":540,"titleTemplate":541,"icon":542,"path":543,"stem":544,"children":545,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/api/utils","docs/3.api/3.utils",[546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650],{"title":547,"path":548,"stem":549,"titleTemplate":6},"$fetch","/docs/api/utils/dollarfetch","docs/3.api/3.utils/$fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"abortNavigation","/docs/api/utils/abort-navigation","docs/3.api/3.utils/abort-navigation",{"title":555,"path":556,"stem":557,"titleTemplate":6},"addRouteMiddleware","/docs/api/utils/add-route-middleware","docs/3.api/3.utils/add-route-middleware",{"title":559,"path":560,"stem":561,"titleTemplate":6,"badge":383},"callOnce","/docs/api/utils/call-once","docs/3.api/3.utils/call-once",{"title":563,"path":564,"stem":565,"titleTemplate":6},"clearError","/docs/api/utils/clear-error","docs/3.api/3.utils/clear-error",{"title":567,"path":568,"stem":569,"titleTemplate":6},"clearNuxtData","/docs/api/utils/clear-nuxt-data","docs/3.api/3.utils/clear-nuxt-data",{"title":571,"path":572,"stem":573,"titleTemplate":6},"clearNuxtState","/docs/api/utils/clear-nuxt-state","docs/3.api/3.utils/clear-nuxt-state",{"title":575,"path":576,"stem":577,"titleTemplate":6},"createError","/docs/api/utils/create-error","docs/3.api/3.utils/create-error",{"title":579,"path":580,"stem":581,"titleTemplate":6},"defineNuxtComponent","/docs/api/utils/define-nuxt-component","docs/3.api/3.utils/define-nuxt-component",{"title":583,"path":584,"stem":585,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/api/utils/define-nuxt-route-middleware","docs/3.api/3.utils/define-nuxt-route-middleware",{"title":587,"path":588,"stem":589,"titleTemplate":6},"definePageMeta","/docs/api/utils/define-page-meta","docs/3.api/3.utils/define-page-meta",{"title":591,"path":592,"stem":593,"titleTemplate":6},"defineRouteRules","/docs/api/utils/define-route-rules","docs/3.api/3.utils/define-route-rules",{"title":595,"path":596,"stem":597,"titleTemplate":6},"navigateTo","/docs/api/utils/navigate-to","docs/3.api/3.utils/navigate-to",{"title":599,"path":600,"stem":601,"titleTemplate":6},"onBeforeRouteLeave","/docs/api/utils/on-before-route-leave","docs/3.api/3.utils/on-before-route-leave",{"title":603,"path":604,"stem":605,"titleTemplate":6},"onBeforeRouteUpdate","/docs/api/utils/on-before-route-update","docs/3.api/3.utils/on-before-route-update",{"title":607,"path":608,"stem":609,"titleTemplate":6},"onNuxtReady","/docs/api/utils/on-nuxt-ready","docs/3.api/3.utils/on-nuxt-ready",{"title":611,"path":612,"stem":613,"titleTemplate":6},"prefetchComponents","/docs/api/utils/prefetch-components","docs/3.api/3.utils/prefetch-components",{"title":615,"path":616,"stem":617,"titleTemplate":6},"preloadComponents","/docs/api/utils/preload-components","docs/3.api/3.utils/preload-components",{"title":619,"path":620,"stem":621,"titleTemplate":6},"preloadRouteComponents","/docs/api/utils/preload-route-components","docs/3.api/3.utils/preload-route-components",{"title":623,"path":624,"stem":625,"titleTemplate":6},"prerenderRoutes","/docs/api/utils/prerender-routes","docs/3.api/3.utils/prerender-routes",{"title":627,"path":628,"stem":629,"titleTemplate":6,"badge":383},"refreshCookie","/docs/api/utils/refresh-cookie","docs/3.api/3.utils/refresh-cookie",{"title":631,"path":632,"stem":633,"titleTemplate":6},"refreshNuxtData","/docs/api/utils/refresh-nuxt-data","docs/3.api/3.utils/refresh-nuxt-data",{"title":635,"path":636,"stem":637,"titleTemplate":6},"reloadNuxtApp","/docs/api/utils/reload-nuxt-app","docs/3.api/3.utils/reload-nuxt-app",{"title":639,"path":640,"stem":641,"titleTemplate":6},"setPageLayout","/docs/api/utils/set-page-layout","docs/3.api/3.utils/set-page-layout",{"title":643,"path":644,"stem":645,"titleTemplate":6},"setResponseStatus","/docs/api/utils/set-response-status","docs/3.api/3.utils/set-response-status",{"title":647,"path":648,"stem":649,"titleTemplate":6},"showError","/docs/api/utils/show-error","docs/3.api/3.utils/show-error",{"title":651,"path":652,"stem":653,"titleTemplate":6},"updateAppConfig","/docs/api/utils/update-app-config","docs/3.api/3.utils/update-app-config",{"title":655,"titleTemplate":656,"icon":657,"path":658,"stem":659,"children":660,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/api/commands","docs/3.api/4.commands",[661,665,669,673,677,681,685,689,693,697,701,705,709,713,717],{"title":662,"path":663,"stem":664,"titleTemplate":6},"nuxi add","/docs/api/commands/add","docs/3.api/4.commands/add",{"title":666,"path":667,"stem":668,"titleTemplate":6},"nuxi analyze","/docs/api/commands/analyze","docs/3.api/4.commands/analyze",{"title":670,"path":671,"stem":672,"titleTemplate":6},"nuxi build","/docs/api/commands/build","docs/3.api/4.commands/build",{"title":674,"path":675,"stem":676,"titleTemplate":6},"nuxi build-module","/docs/api/commands/build-module","docs/3.api/4.commands/build-module",{"title":678,"path":679,"stem":680,"titleTemplate":6},"nuxi cleanup","/docs/api/commands/cleanup","docs/3.api/4.commands/cleanup",{"title":682,"path":683,"stem":684,"titleTemplate":6},"nuxi dev","/docs/api/commands/dev","docs/3.api/4.commands/dev",{"title":686,"path":687,"stem":688,"titleTemplate":6},"nuxi devtools","/docs/api/commands/devtools","docs/3.api/4.commands/devtools",{"title":690,"path":691,"stem":692,"titleTemplate":6},"nuxi generate","/docs/api/commands/generate","docs/3.api/4.commands/generate",{"title":694,"path":695,"stem":696,"titleTemplate":6},"nuxi info","/docs/api/commands/info","docs/3.api/4.commands/info",{"title":698,"path":699,"stem":700,"titleTemplate":6},"nuxi init","/docs/api/commands/init","docs/3.api/4.commands/init",{"title":702,"path":703,"stem":704,"titleTemplate":6},"nuxi module","/docs/api/commands/module","docs/3.api/4.commands/module",{"title":706,"path":707,"stem":708,"titleTemplate":6},"nuxi prepare","/docs/api/commands/prepare","docs/3.api/4.commands/prepare",{"title":710,"path":711,"stem":712,"titleTemplate":6},"nuxi preview","/docs/api/commands/preview","docs/3.api/4.commands/preview",{"title":714,"path":715,"stem":716,"titleTemplate":6},"nuxi typecheck","/docs/api/commands/typecheck","docs/3.api/4.commands/typecheck",{"title":718,"path":719,"stem":720,"titleTemplate":6},"nuxi upgrade","/docs/api/commands/upgrade","docs/3.api/4.commands/upgrade",{"title":307,"titleTemplate":722,"icon":723,"path":724,"stem":725,"children":726,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/api/kit","docs/3.api/5.kit",[727,730,733,737,741,745,749,753,757,761,765,768,771,775,779,783],{"title":143,"path":728,"stem":729,"titleTemplate":6},"/docs/api/kit/modules","docs/3.api/5.kit/1.modules",{"title":291,"path":731,"stem":732,"titleTemplate":6},"/docs/api/kit/runtime-config","docs/3.api/5.kit/10.runtime-config",{"title":734,"path":735,"stem":736,"titleTemplate":6},"Templates","/docs/api/kit/templates","docs/3.api/5.kit/10.templates",{"title":738,"path":739,"stem":740,"titleTemplate":6},"Nitro","/docs/api/kit/nitro","docs/3.api/5.kit/11.nitro",{"title":742,"path":743,"stem":744,"titleTemplate":6},"Resolving","/docs/api/kit/resolving","docs/3.api/5.kit/12.resolving",{"title":746,"path":747,"stem":748,"titleTemplate":6},"Logging","/docs/api/kit/logging","docs/3.api/5.kit/13.logging",{"title":750,"path":751,"stem":752,"titleTemplate":6},"Builder","/docs/api/kit/builder","docs/3.api/5.kit/14.builder",{"title":754,"path":755,"stem":756,"titleTemplate":6},"Examples","/docs/api/kit/examples","docs/3.api/5.kit/15.examples",{"title":758,"path":759,"stem":760,"titleTemplate":6},"Programmatic Usage","/docs/api/kit/programmatic","docs/3.api/5.kit/2.programmatic",{"title":762,"path":763,"stem":764,"titleTemplate":6},"Compatibility","/docs/api/kit/compatibility","docs/3.api/5.kit/3.compatibility",{"title":123,"path":766,"stem":767,"titleTemplate":6},"/docs/api/kit/autoimports","docs/3.api/5.kit/4.autoimports",{"title":353,"path":769,"stem":770,"titleTemplate":6},"/docs/api/kit/components","docs/3.api/5.kit/5.components",{"title":772,"path":773,"stem":774,"titleTemplate":6},"Context","/docs/api/kit/context","docs/3.api/5.kit/6.context",{"title":776,"path":777,"stem":778,"titleTemplate":6},"Pages","/docs/api/kit/pages","docs/3.api/5.kit/7.pages",{"title":780,"path":781,"stem":782,"titleTemplate":6},"Layout","/docs/api/kit/layout","docs/3.api/5.kit/8.layout",{"title":784,"path":785,"stem":786,"titleTemplate":6},"Plugins","/docs/api/kit/plugins","docs/3.api/5.kit/9.plugins",{"title":788,"titleTemplate":6,"icon":789,"path":790,"stem":791,"children":792,"page":108},"Advanced","i-lucide-brain","/docs/api/advanced","docs/3.api/6.advanced",[793,796],{"title":299,"path":794,"stem":795,"titleTemplate":6},"/docs/api/advanced/hooks","docs/3.api/6.advanced/1.hooks",{"title":797,"path":798,"stem":799,"titleTemplate":6},"Import meta","/docs/api/advanced/import-meta","docs/3.api/6.advanced/2.import-meta",{"title":801,"path":802,"stem":803,"titleTemplate":804,"icon":32},"Nuxt Configuration","/docs/api/nuxt-config","docs/3.api/6.nuxt-config","%s",{"title":754,"titleTemplate":806,"icon":807,"path":808,"stem":809,"children":810,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/examples","docs/4.examples",[811,815,837,852,888],{"title":812,"path":813,"stem":814,"titleTemplate":6},"Hello World","/docs/examples/hello-world","docs/4.examples/0.hello-world",{"title":283,"path":816,"stem":817,"children":818,"page":108},"/docs/examples/features","docs/4.examples/1.features",[819,823,826,829,833],{"title":820,"path":821,"stem":822,"titleTemplate":6},"Auto Imports","/docs/examples/features/auto-imports","docs/4.examples/1.features/1.auto-imports",{"title":64,"path":824,"stem":825,"titleTemplate":6},"/docs/examples/features/data-fetching","docs/4.examples/1.features/2.data-fetching",{"title":69,"path":827,"stem":828,"titleTemplate":6},"/docs/examples/features/state-management","docs/4.examples/1.features/3.state-management",{"title":830,"path":831,"stem":832,"titleTemplate":6},"Meta Tags","/docs/examples/features/meta-tags","docs/4.examples/1.features/4.meta-tags",{"title":834,"path":835,"stem":836,"titleTemplate":6},"Layouts","/docs/examples/features/layouts","docs/4.examples/1.features/5.layouts",{"title":49,"path":838,"stem":839,"children":840,"page":108},"/docs/examples/routing","docs/4.examples/2.routing",[841,845,848],{"title":842,"path":843,"stem":844,"titleTemplate":6},"Middleware","/docs/examples/routing/middleware","docs/4.examples/2.routing/middleware",{"title":776,"path":846,"stem":847,"titleTemplate":6},"/docs/examples/routing/pages","docs/4.examples/2.routing/pages",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Universal Router","/docs/examples/routing/universal-router","docs/4.examples/2.routing/universal-router",{"title":788,"path":853,"stem":854,"children":855,"page":108},"/docs/examples/advanced","docs/4.examples/4.advanced",[856,859,862,866,870,874,878,881,884],{"title":84,"path":857,"stem":858,"titleTemplate":6},"/docs/examples/advanced/config-extends","docs/4.examples/4.advanced/config-extends",{"title":74,"path":860,"stem":861,"titleTemplate":6},"/docs/examples/advanced/error-handling","docs/4.examples/4.advanced/error-handling",{"title":863,"path":864,"stem":865,"titleTemplate":6},"JSX / TSX","/docs/examples/advanced/jsx","docs/4.examples/4.advanced/jsx",{"title":867,"path":868,"stem":869,"titleTemplate":6},"Locale","/docs/examples/advanced/locale","docs/4.examples/4.advanced/locale",{"title":871,"path":872,"stem":873,"titleTemplate":6},"Module Extend Pages","/docs/examples/advanced/module-extend-pages","docs/4.examples/4.advanced/module-extend-pages",{"title":875,"path":876,"stem":877,"titleTemplate":6},"Teleport","/docs/examples/advanced/teleport","docs/4.examples/4.advanced/teleport",{"title":99,"path":879,"stem":880,"titleTemplate":6},"/docs/examples/advanced/testing","docs/4.examples/4.advanced/testing",{"title":436,"path":882,"stem":883,"titleTemplate":6},"/docs/examples/advanced/use-cookie","docs/4.examples/4.advanced/use-cookie",{"title":885,"path":886,"stem":887,"titleTemplate":6},"Use Custom Fetch Composable","/docs/examples/advanced/use-custom-fetch-composable","docs/4.examples/4.advanced/use-custom-fetch-composable",{"title":889,"path":890,"stem":891,"children":892,"page":108},"Experimental","/docs/examples/experimental","docs/4.examples/7.experimental",[893],{"title":894,"path":895,"stem":896,"titleTemplate":6},"WASM","/docs/examples/experimental/wasm","docs/4.examples/7.experimental/wasm",{"title":898,"titleTemplate":899,"icon":900,"path":901,"stem":902,"children":903,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/community","docs/5.community",[904,909,914,919,924,929],{"title":905,"path":906,"stem":907,"titleTemplate":6,"icon":908},"Getting Help","/docs/community/getting-help","docs/5.community/2.getting-help","i-lucide-life-buoy",{"title":910,"path":911,"stem":912,"titleTemplate":6,"icon":913},"Reporting Bugs","/docs/community/reporting-bugs","docs/5.community/3.reporting-bugs","i-lucide-bug",{"title":915,"path":916,"stem":917,"titleTemplate":6,"icon":918},"Contribution","/docs/community/contribution","docs/5.community/4.contribution","i-lucide-git-pull-request",{"title":920,"path":921,"stem":922,"titleTemplate":6,"icon":923},"Framework","/docs/community/framework-contribution","docs/5.community/5.framework-contribution","i-lucide-github",{"title":925,"path":926,"stem":927,"titleTemplate":6,"icon":928},"Roadmap","/docs/community/roadmap","docs/5.community/6.roadmap","i-lucide-map",{"title":930,"path":931,"stem":932,"titleTemplate":6,"icon":933},"Releases","/docs/community/changelog","docs/5.community/7.changelog","i-lucide-bell-dot",{"title":935,"titleTemplate":936,"icon":937,"path":938,"stem":939,"children":940,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/bridge","docs/6.bridge",[941,945,948,951,955,959,963,966,969,972],{"title":942,"path":943,"stem":944,"titleTemplate":6},"Overview","/docs/bridge/overview","docs/6.bridge/1.overview",{"title":29,"path":946,"stem":947,"titleTemplate":6},"/docs/bridge/configuration","docs/6.bridge/10.configuration",{"title":151,"path":949,"stem":950,"titleTemplate":6},"/docs/bridge/typescript","docs/6.bridge/2.typescript",{"title":952,"path":953,"stem":954,"titleTemplate":6},"Legacy Composition API","/docs/bridge/bridge-composition-api","docs/6.bridge/3.bridge-composition-api",{"title":956,"path":957,"stem":958,"titleTemplate":6},"Plugins and Middleware","/docs/bridge/plugins-and-middleware","docs/6.bridge/4.plugins-and-middleware",{"title":960,"path":961,"stem":962,"titleTemplate":6},"New Composition API","/docs/bridge/nuxt3-compatible-api","docs/6.bridge/5.nuxt3-compatible-api",{"title":830,"path":964,"stem":965,"titleTemplate":6},"/docs/bridge/meta","docs/6.bridge/6.meta",{"title":291,"path":967,"stem":968,"titleTemplate":6},"/docs/bridge/runtime-config","docs/6.bridge/7.runtime-config",{"title":738,"path":970,"stem":971,"titleTemplate":6},"/docs/bridge/nitro","docs/6.bridge/8.nitro",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Vite","/docs/bridge/vite","docs/6.bridge/9.vite",{"title":977,"titleTemplate":978,"icon":107,"path":979,"stem":980,"children":981,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/migration","docs/7.migration",[982,985,989,992,995,998,1001,1004,1007,1011,1015],{"title":942,"path":983,"stem":984,"titleTemplate":6},"/docs/migration/overview","docs/7.migration/1.overview",{"title":986,"path":987,"stem":988,"titleTemplate":6},"Build Tooling","/docs/migration/bundling","docs/7.migration/10.bundling",{"title":79,"path":990,"stem":991,"titleTemplate":6},"/docs/migration/server","docs/7.migration/11.server",{"title":29,"path":993,"stem":994,"titleTemplate":6},"/docs/migration/configuration","docs/7.migration/2.configuration",{"title":143,"path":996,"stem":997,"titleTemplate":6},"/docs/migration/module-authors","docs/7.migration/20.module-authors",{"title":820,"path":999,"stem":1000,"titleTemplate":6},"/docs/migration/auto-imports","docs/7.migration/3.auto-imports",{"title":830,"path":1002,"stem":1003,"titleTemplate":6},"/docs/migration/meta","docs/7.migration/4.meta",{"title":956,"path":1005,"stem":1006,"titleTemplate":6},"/docs/migration/plugins-and-middleware","docs/7.migration/5.plugins-and-middleware",{"title":1008,"path":1009,"stem":1010,"titleTemplate":6},"Pages and Layouts","/docs/migration/pages-and-layouts","docs/7.migration/6.pages-and-layouts",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6},"Component Options","/docs/migration/component-options","docs/7.migration/7.component-options",{"title":291,"path":1016,"stem":1017,"titleTemplate":6},"/docs/migration/runtime-config","docs/7.migration/8.runtime-config",{"title":1019,"path":1020,"stem":1021,"children":1022,"page":108},"Blog","/blog","blog",[1023,1027,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103],{"title":1024,"path":1025,"stem":1026},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1028,"path":1029,"stem":1030},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1032,"path":1033,"stem":1034},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1036,"path":1037,"stem":1038},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1040,"path":1041,"stem":1042},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1044,"path":1045,"stem":1046},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1048,"path":1049,"stem":1050},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1052,"path":1053,"stem":1054},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1056,"path":1057,"stem":1058},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1060,"path":1061,"stem":1062},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1064,"path":1065,"stem":1066},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1068,"path":1069,"stem":1070},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1072,"path":1073,"stem":1074},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1076,"path":1077,"stem":1078},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1080,"path":1081,"stem":1082},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1084,"path":1085,"stem":1086},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":1088,"path":1089,"stem":1090},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":1092,"path":1093,"stem":1094},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":1096,"path":1097,"stem":1098},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":1100,"path":1101,"stem":1102},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":1104,"path":1105,"stem":1106},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"id":1108,"title":147,"body":1109,"description":3098,"extension":3099,"links":6,"meta":3100,"navigation":1188,"path":148,"seo":3101,"stem":149,"titleTemplate":6,"__hash__":3102},"docs/docs/2.guide/1.concepts/7.esm.md",{"type":1110,"value":1111,"toc":3080},"minimal",[1112,1116,1121,1126,1137,1204,1207,1211,1219,1261,1280,1284,1287,1290,1373,1376,1385,1410,1417,1421,1446,1452,1460,1485,1489,1505,1511,1690,1693,1935,1939,1947,1951,1957,2020,2028,2032,2035,2089,2093,2102,2146,2152,2200,2218,2253,2256,2292,2295,2330,2333,2426,2435,2507,2511,2514,2551,2555,2564,2629,2728,2750,2877,2983,2987,3011,3076],[1113,1114,1115],"p",{},"This guide helps explain what ES Modules are and how to make a Nuxt app (or upstream library) compatible with ESM.",[1117,1118,1120],"h2",{"id":1119},"background","Background",[1122,1123,1125],"h3",{"id":1124},"commonjs-modules","CommonJS Modules",[1113,1127,1128,1129,1136],{},"CommonJS (CJS) is a format introduced by Node.js that allows sharing functionality between isolated JavaScript modules (",[1130,1131,1135],"a",{"href":1132,"rel":1133},"https://nodejs.org/api/modules.html",[1134],"nofollow","read more",").\nYou might be already familiar with this syntax:",[1138,1139,1144],"pre",{"className":1140,"code":1141,"language":1142,"meta":1143,"style":1143},"language-js shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","const a = require('./a')\n\nmodule.exports.a = a\n","js","",[1145,1146,1147,1183,1190],"code",{"__ignoreMap":1143},[1148,1149,1152,1156,1160,1164,1168,1171,1174,1178,1180],"span",{"class":1150,"line":1151},"line",1,[1148,1153,1155],{"class":1154},"sRBFq","const",[1148,1157,1159],{"class":1158},"spdxX"," a ",[1148,1161,1163],{"class":1162},"sYp4K","=",[1148,1165,1167],{"class":1166},"szd4z"," require",[1148,1169,1170],{"class":1158},"(",[1148,1172,1173],{"class":1162},"'",[1148,1175,1177],{"class":1176},"s5UST","./a",[1148,1179,1173],{"class":1162},[1148,1181,1182],{"class":1158},")\n",[1148,1184,1186],{"class":1150,"line":1185},2,[1148,1187,1189],{"emptyLinePlaceholder":1188},true,"\n",[1148,1191,1193,1196,1199,1201],{"class":1150,"line":1192},3,[1148,1194,1195],{"class":1162},"module.exports.",[1148,1197,1198],{"class":1158},"a ",[1148,1200,1163],{"class":1162},[1148,1202,1203],{"class":1158}," a\n",[1113,1205,1206],{},"Bundlers like webpack and Rollup support this syntax and allow you to use modules written in CommonJS in the browser.",[1122,1208,1210],{"id":1209},"esm-syntax","ESM Syntax",[1113,1212,1213,1214,1218],{},"Most of the time, when people talk about ESM vs CJS, they are talking about a different syntax for writing ",[1130,1215,199],{"href":1216,"rel":1217},"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules",[1134],".",[1138,1220,1222],{"className":1140,"code":1221,"language":1142,"meta":1143,"style":1143},"import a from './a'\n\nexport { a }\n",[1145,1223,1224,1243,1247],{"__ignoreMap":1143},[1148,1225,1226,1230,1232,1235,1238,1240],{"class":1150,"line":1151},[1148,1227,1229],{"class":1228},"sFVN2","import",[1148,1231,1159],{"class":1158},[1148,1233,1234],{"class":1228},"from",[1148,1236,1237],{"class":1162}," '",[1148,1239,1177],{"class":1176},[1148,1241,1242],{"class":1162},"'\n",[1148,1244,1245],{"class":1150,"line":1185},[1148,1246,1189],{"emptyLinePlaceholder":1188},[1148,1248,1249,1252,1255,1258],{"class":1150,"line":1192},[1148,1250,1251],{"class":1228},"export",[1148,1253,1254],{"class":1162}," {",[1148,1256,1257],{"class":1158}," a",[1148,1259,1260],{"class":1162}," }\n",[1113,1262,1263,1264,1269,1270,1274,1275,1218],{},"Before ECMAScript Modules (ESM) became a standard (it took more than 10 years!), tooling like\n",[1130,1265,1268],{"href":1266,"rel":1267},"https://webpack.js.org/guides/ecma-script-modules",[1134],"webpack"," and even languages like TypeScript started supporting so-called ",[1271,1272,1273],"strong",{},"ESM syntax",".\nHowever, there are some key differences with actual spec; here's ",[1130,1276,1279],{"href":1277,"rel":1278},"https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive",[1134],"a helpful explainer",[1122,1281,1283],{"id":1282},"what-is-native-esm","What is 'Native' ESM?",[1113,1285,1286],{},"You may have been writing your app using ESM syntax for a long time. After all, it's natively supported by the browser, and in Nuxt 2 we compiled all the code you wrote to the appropriate format (CJS for server, ESM for browser).",[1113,1288,1289],{},"When adding modules to your package, things were a little different. A sample library might expose both CJS and ESM versions, and let us pick which one we wanted:",[1138,1291,1295],{"className":1292,"code":1293,"language":1294,"meta":1143,"style":1143},"language-json shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","{\n  \"name\": \"sample-library\",\n  \"main\": \"dist/sample-library.cjs.js\",\n  \"module\": \"dist/sample-library.esm.js\"\n}\n","json",[1145,1296,1297,1302,1327,1347,1367],{"__ignoreMap":1143},[1148,1298,1299],{"class":1150,"line":1151},[1148,1300,1301],{"class":1162},"{\n",[1148,1303,1304,1307,1310,1313,1316,1319,1322,1324],{"class":1150,"line":1185},[1148,1305,1306],{"class":1162},"  \"",[1148,1308,1309],{"class":1154},"name",[1148,1311,1312],{"class":1162},"\"",[1148,1314,1315],{"class":1162},":",[1148,1317,1318],{"class":1162}," \"",[1148,1320,1321],{"class":1176},"sample-library",[1148,1323,1312],{"class":1162},[1148,1325,1326],{"class":1162},",\n",[1148,1328,1329,1331,1334,1336,1338,1340,1343,1345],{"class":1150,"line":1192},[1148,1330,1306],{"class":1162},[1148,1332,1333],{"class":1154},"main",[1148,1335,1312],{"class":1162},[1148,1337,1315],{"class":1162},[1148,1339,1318],{"class":1162},[1148,1341,1342],{"class":1176},"dist/sample-library.cjs.js",[1148,1344,1312],{"class":1162},[1148,1346,1326],{"class":1162},[1148,1348,1350,1352,1355,1357,1359,1361,1364],{"class":1150,"line":1349},4,[1148,1351,1306],{"class":1162},[1148,1353,1354],{"class":1154},"module",[1148,1356,1312],{"class":1162},[1148,1358,1315],{"class":1162},[1148,1360,1318],{"class":1162},[1148,1362,1363],{"class":1176},"dist/sample-library.esm.js",[1148,1365,1366],{"class":1162},"\"\n",[1148,1368,1370],{"class":1150,"line":1369},5,[1148,1371,1372],{"class":1162},"}\n",[1113,1374,1375],{},"So in Nuxt 2, the bundler (webpack) would pull in the CJS file ('main') for the server build and use the ESM file ('module') for the client build.",[1113,1377,1378,1379,1384],{},"However, in recent Node.js LTS releases, it is now possible to ",[1130,1380,1383],{"href":1381,"rel":1382},"https://nodejs.org/api/esm.html",[1134],"use native ESM module"," within Node.js. That means that Node.js itself can process JavaScript using ESM syntax, although it doesn't do it by default. The two most common ways to enable ESM syntax are:",[1386,1387,1388,1403],"ul",{},[1389,1390,1391,1392,1395,1396,1398,1399,1402],"li",{},"set ",[1145,1393,1394],{},"\"type\": \"module\""," within your ",[1145,1397,264],{}," and keep using ",[1145,1400,1401],{},".js"," extension",[1389,1404,1405,1406,1409],{},"use the ",[1145,1407,1408],{},".mjs"," file extensions (recommended)",[1113,1411,1412,1413,1416],{},"This is what we do for Nuxt Nitro; we output a ",[1145,1414,1415],{},".output/server/index.mjs"," file. That tells Node.js to treat this file as a native ES module.",[1122,1418,1420],{"id":1419},"what-are-valid-imports-in-a-nodejs-context","What Are Valid Imports in a Node.js Context?",[1113,1422,1423,1424,1426,1427,1430,1431,1433,1434,1436,1437,1440,1441,1443,1444,1218],{},"When you ",[1145,1425,1229],{}," a module rather than ",[1145,1428,1429],{},"require"," it, Node.js resolves it differently. For example, when you import ",[1145,1432,1321],{},", Node.js will look not for the ",[1145,1435,1333],{}," but for the ",[1145,1438,1439],{},"exports"," or ",[1145,1442,1354],{}," entry in that library's ",[1145,1445,264],{},[1113,1447,1448,1449,1218],{},"This is also true of dynamic imports, like ",[1145,1450,1451],{},"const b = await import('sample-library')",[1113,1453,1454,1455,1459],{},"Node supports the following kinds of imports (see ",[1130,1456,9],{"href":1457,"rel":1458},"https://nodejs.org/api/packages.html#determining-module-system",[1134],"):",[1461,1462,1463,1469,1475],"ol",{},[1389,1464,1465,1466,1468],{},"files ending in ",[1145,1467,1408],{}," - these are expected to use ESM syntax",[1389,1470,1465,1471,1474],{},[1145,1472,1473],{},".cjs"," - these are expected to use CJS syntax",[1389,1476,1465,1477,1479,1480,1482,1483],{},[1145,1478,1401],{}," - these are expected to use CJS syntax unless their ",[1145,1481,264],{}," has ",[1145,1484,1394],{},[1122,1486,1488],{"id":1487},"what-kinds-of-problems-can-there-be","What Kinds of Problems Can There Be?",[1113,1490,1491,1492,1440,1495,1498,1499,1501,1502,1504],{},"For a long time module authors have been producing ESM-syntax builds but using conventions like ",[1145,1493,1494],{},".esm.js",[1145,1496,1497],{},".es.js",", which they have added to the ",[1145,1500,1354],{}," field in their ",[1145,1503,264],{},". This hasn't been a problem until now because they have only been used by bundlers like webpack, which don't especially care about the file extension.",[1113,1506,1507,1508,1510],{},"However, if you try to import a package with an ",[1145,1509,1494],{}," file in a Node.js ESM context, it won't work, and you'll get an error like:",[1138,1512,1517],{"className":1513,"code":1514,"filename":1515,"language":1516,"meta":1143,"style":1143},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","(node:22145) Warning: To load an ES module, set \"type\": \"module\" in the package.json or use the .mjs extension.\n/path/to/index.js:1\n\nexport default {}\n^^^^^^\n\nSyntaxError: Unexpected token 'export'\n    at wrapSafe (internal/modules/cjs/loader.js:1001:16)\n    at Module._compile (internal/modules/cjs/loader.js:1049:27)\n    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)\n    ....\n    at async Object.loadESM (internal/process/esm_loader.js:68:5)\n","Terminal","bash",[1145,1518,1519,1589,1594,1598,1608,1613,1618,1636,1648,1659,1670,1676],{"__ignoreMap":1143},[1148,1520,1521,1523,1527,1530,1533,1536,1539,1542,1545,1548,1551,1553,1556,1558,1560,1562,1564,1566,1569,1572,1575,1578,1581,1583,1586],{"class":1150,"line":1151},[1148,1522,1170],{"class":1162},[1148,1524,1526],{"class":1525},"sT2Ow","node:22145",[1148,1528,1529],{"class":1162},")",[1148,1531,1532],{"class":1525}," Warning:",[1148,1534,1535],{"class":1176}," To",[1148,1537,1538],{"class":1176}," load",[1148,1540,1541],{"class":1176}," an",[1148,1543,1544],{"class":1176}," ES",[1148,1546,1547],{"class":1176}," module,",[1148,1549,1550],{"class":1176}," set",[1148,1552,1318],{"class":1162},[1148,1554,1555],{"class":1176},"type",[1148,1557,1312],{"class":1162},[1148,1559,1315],{"class":1176},[1148,1561,1318],{"class":1162},[1148,1563,1354],{"class":1176},[1148,1565,1312],{"class":1162},[1148,1567,1568],{"class":1176}," in",[1148,1570,1571],{"class":1176}," the",[1148,1573,1574],{"class":1176}," package.json",[1148,1576,1577],{"class":1176}," or",[1148,1579,1580],{"class":1176}," use",[1148,1582,1571],{"class":1176},[1148,1584,1585],{"class":1176}," .mjs",[1148,1587,1588],{"class":1176}," extension.\n",[1148,1590,1591],{"class":1150,"line":1185},[1148,1592,1593],{"class":1525},"/path/to/index.js:1\n",[1148,1595,1596],{"class":1150,"line":1192},[1148,1597,1189],{"emptyLinePlaceholder":1188},[1148,1599,1600,1602,1605],{"class":1150,"line":1349},[1148,1601,1251],{"class":1154},[1148,1603,1604],{"class":1158}," default ",[1148,1606,1607],{"class":1162},"{}\n",[1148,1609,1610],{"class":1150,"line":1369},[1148,1611,1612],{"class":1525},"^^^^^^\n",[1148,1614,1616],{"class":1150,"line":1615},6,[1148,1617,1189],{"emptyLinePlaceholder":1188},[1148,1619,1621,1624,1627,1630,1632,1634],{"class":1150,"line":1620},7,[1148,1622,1623],{"class":1525},"SyntaxError:",[1148,1625,1626],{"class":1176}," Unexpected",[1148,1628,1629],{"class":1176}," token",[1148,1631,1237],{"class":1162},[1148,1633,1251],{"class":1176},[1148,1635,1242],{"class":1162},[1148,1637,1639,1642,1645],{"class":1150,"line":1638},8,[1148,1640,1641],{"class":1525},"    at",[1148,1643,1644],{"class":1176}," wrapSafe",[1148,1646,1647],{"class":1158}," (internal/modules/cjs/loader.js:1001:16)\n",[1148,1649,1651,1653,1656],{"class":1150,"line":1650},9,[1148,1652,1641],{"class":1525},[1148,1654,1655],{"class":1176}," Module._compile",[1148,1657,1658],{"class":1158}," (internal/modules/cjs/loader.js:1049:27)\n",[1148,1660,1662,1664,1667],{"class":1150,"line":1661},10,[1148,1663,1641],{"class":1525},[1148,1665,1666],{"class":1176}," Object.Module._extensions..js",[1148,1668,1669],{"class":1158}," (internal/modules/cjs/loader.js:1114:10)\n",[1148,1671,1673],{"class":1150,"line":1672},11,[1148,1674,1675],{"class":1166},"    ....\n",[1148,1677,1679,1681,1684,1687],{"class":1150,"line":1678},12,[1148,1680,1641],{"class":1525},[1148,1682,1683],{"class":1176}," async",[1148,1685,1686],{"class":1176}," Object.loadESM",[1148,1688,1689],{"class":1158}," (internal/process/esm_loader.js:68:5)\n",[1113,1691,1692],{},"You might also get this error if you have a named import from an ESM-syntax build that Node.js thinks is CJS:",[1138,1694,1696],{"className":1513,"code":1695,"filename":1515,"language":1516,"meta":1143,"style":1143},"file:///path/to/index.mjs:5\nimport { named } from 'sample-library'\n         ^^^^^\nSyntaxError: Named export 'named' not found. The requested module 'sample-library' is a CommonJS module, which may not support all module.exports as named exports.\n\nCommonJS modules can always be imported via the default export, for example using:\n\nimport pkg from 'sample-library';\nconst { named } = pkg;\n\n    at ModuleJob._instantiate (internal/modules/esm/module_job.js:120:21)\n    at async ModuleJob.run (internal/modules/esm/module_job.js:165:5)\n    at async Loader.import (internal/modules/esm/loader.js:177:24)\n    at async Object.loadESM (internal/process/esm_loader.js:68:5)\n",[1145,1697,1698,1703,1724,1729,1802,1806,1846,1850,1868,1885,1889,1899,1911,1924],{"__ignoreMap":1143},[1148,1699,1700],{"class":1150,"line":1151},[1148,1701,1702],{"class":1525},"file:///path/to/index.mjs:5\n",[1148,1704,1705,1707,1709,1712,1715,1718,1720,1722],{"class":1150,"line":1185},[1148,1706,1229],{"class":1525},[1148,1708,1254],{"class":1176},[1148,1710,1711],{"class":1176}," named",[1148,1713,1714],{"class":1176}," }",[1148,1716,1717],{"class":1176}," from",[1148,1719,1237],{"class":1162},[1148,1721,1321],{"class":1176},[1148,1723,1242],{"class":1162},[1148,1725,1726],{"class":1150,"line":1192},[1148,1727,1728],{"class":1525},"         ^^^^^\n",[1148,1730,1731,1733,1736,1739,1741,1744,1746,1749,1752,1755,1758,1761,1763,1765,1767,1770,1772,1775,1777,1780,1783,1785,1788,1791,1794,1797,1799],{"class":1150,"line":1349},[1148,1732,1623],{"class":1525},[1148,1734,1735],{"class":1176}," Named",[1148,1737,1738],{"class":1176}," export",[1148,1740,1237],{"class":1162},[1148,1742,1743],{"class":1176},"named",[1148,1745,1173],{"class":1162},[1148,1747,1748],{"class":1176}," not",[1148,1750,1751],{"class":1176}," found.",[1148,1753,1754],{"class":1176}," The",[1148,1756,1757],{"class":1176}," requested",[1148,1759,1760],{"class":1176}," module",[1148,1762,1237],{"class":1162},[1148,1764,1321],{"class":1176},[1148,1766,1173],{"class":1162},[1148,1768,1769],{"class":1176}," is",[1148,1771,1257],{"class":1176},[1148,1773,1774],{"class":1176}," CommonJS",[1148,1776,1547],{"class":1176},[1148,1778,1779],{"class":1176}," which",[1148,1781,1782],{"class":1176}," may",[1148,1784,1748],{"class":1176},[1148,1786,1787],{"class":1176}," support",[1148,1789,1790],{"class":1176}," all",[1148,1792,1793],{"class":1176}," module.exports",[1148,1795,1796],{"class":1176}," as",[1148,1798,1711],{"class":1176},[1148,1800,1801],{"class":1176}," exports.\n",[1148,1803,1804],{"class":1150,"line":1369},[1148,1805,1189],{"emptyLinePlaceholder":1188},[1148,1807,1808,1811,1814,1817,1820,1823,1826,1829,1831,1834,1837,1840,1843],{"class":1150,"line":1615},[1148,1809,1810],{"class":1525},"CommonJS",[1148,1812,1813],{"class":1176}," modules",[1148,1815,1816],{"class":1176}," can",[1148,1818,1819],{"class":1176}," always",[1148,1821,1822],{"class":1176}," be",[1148,1824,1825],{"class":1176}," imported",[1148,1827,1828],{"class":1176}," via",[1148,1830,1571],{"class":1176},[1148,1832,1833],{"class":1176}," default",[1148,1835,1836],{"class":1176}," export,",[1148,1838,1839],{"class":1176}," for",[1148,1841,1842],{"class":1176}," example",[1148,1844,1845],{"class":1176}," using:\n",[1148,1847,1848],{"class":1150,"line":1620},[1148,1849,1189],{"emptyLinePlaceholder":1188},[1148,1851,1852,1854,1857,1859,1861,1863,1865],{"class":1150,"line":1638},[1148,1853,1229],{"class":1525},[1148,1855,1856],{"class":1176}," pkg",[1148,1858,1717],{"class":1176},[1148,1860,1237],{"class":1162},[1148,1862,1321],{"class":1176},[1148,1864,1173],{"class":1162},[1148,1866,1867],{"class":1162},";\n",[1148,1869,1870,1872,1874,1876,1878,1881,1883],{"class":1150,"line":1650},[1148,1871,1155],{"class":1525},[1148,1873,1254],{"class":1176},[1148,1875,1711],{"class":1176},[1148,1877,1714],{"class":1176},[1148,1879,1880],{"class":1176}," =",[1148,1882,1856],{"class":1176},[1148,1884,1867],{"class":1162},[1148,1886,1887],{"class":1150,"line":1661},[1148,1888,1189],{"emptyLinePlaceholder":1188},[1148,1890,1891,1893,1896],{"class":1150,"line":1672},[1148,1892,1641],{"class":1525},[1148,1894,1895],{"class":1176}," ModuleJob._instantiate",[1148,1897,1898],{"class":1158}," (internal/modules/esm/module_job.js:120:21)\n",[1148,1900,1901,1903,1905,1908],{"class":1150,"line":1678},[1148,1902,1641],{"class":1525},[1148,1904,1683],{"class":1176},[1148,1906,1907],{"class":1176}," ModuleJob.run",[1148,1909,1910],{"class":1158}," (internal/modules/esm/module_job.js:165:5)\n",[1148,1912,1914,1916,1918,1921],{"class":1150,"line":1913},13,[1148,1915,1641],{"class":1525},[1148,1917,1683],{"class":1176},[1148,1919,1920],{"class":1176}," Loader.import",[1148,1922,1923],{"class":1158}," (internal/modules/esm/loader.js:177:24)\n",[1148,1925,1927,1929,1931,1933],{"class":1150,"line":1926},14,[1148,1928,1641],{"class":1525},[1148,1930,1683],{"class":1176},[1148,1932,1686],{"class":1176},[1148,1934,1689],{"class":1158},[1117,1936,1938],{"id":1937},"troubleshooting-esm-issues","Troubleshooting ESM Issues",[1113,1940,1941,1942,1946],{},"If you encounter these errors, the issue is almost certainly with the upstream library. They need to ",[1130,1943,1945],{"href":1944},"#library-author-guide","fix their library"," to support being imported by Node.",[1122,1948,1950],{"id":1949},"transpiling-libraries","Transpiling Libraries",[1113,1952,1953,1954,1315],{},"In the meantime, you can tell Nuxt not to try to import these libraries by adding them to ",[1145,1955,1956],{},"build.transpile",[1138,1958,1963],{"className":1959,"code":1960,"language":1961,"meta":1962,"style":1143},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  build: {\n    transpile: ['sample-library']\n  }\n})\n","ts","twoslash",[1145,1964,1965,1978,1989,2008,2013],{"__ignoreMap":1143},[1148,1966,1967,1969,1971,1974,1976],{"class":1150,"line":1151},[1148,1968,1251],{"class":1228},[1148,1970,1833],{"class":1228},[1148,1972,1973],{"class":1166}," defineNuxtConfig",[1148,1975,1170],{"class":1158},[1148,1977,1301],{"class":1162},[1148,1979,1980,1984,1986],{"class":1150,"line":1185},[1148,1981,1983],{"class":1982},"sQ5dg","  build",[1148,1985,1315],{"class":1162},[1148,1987,1988],{"class":1162}," {\n",[1148,1990,1991,1994,1996,1999,2001,2003,2005],{"class":1150,"line":1192},[1148,1992,1993],{"class":1982},"    transpile",[1148,1995,1315],{"class":1162},[1148,1997,1998],{"class":1158}," [",[1148,2000,1173],{"class":1162},[1148,2002,1321],{"class":1176},[1148,2004,1173],{"class":1162},[1148,2006,2007],{"class":1158},"]\n",[1148,2009,2010],{"class":1150,"line":1349},[1148,2011,2012],{"class":1162},"  }\n",[1148,2014,2015,2018],{"class":1150,"line":1369},[1148,2016,2017],{"class":1162},"}",[1148,2019,1182],{"class":1158},[1113,2021,2022,2023,2027],{},"You may find that you ",[2024,2025,2026],"em",{},"also"," need to add other packages that are being imported by these libraries.",[1122,2029,2031],{"id":2030},"aliasing-libraries","Aliasing Libraries",[1113,2033,2034],{},"In some cases, you may also need to manually alias the library to the CJS version, for example:",[1138,2036,2038],{"className":1959,"code":2037,"language":1961,"meta":1962,"style":1143},"export default defineNuxtConfig({\n  alias: {\n    'sample-library': 'sample-library/dist/sample-library.cjs.js'\n  }\n})\n",[1145,2039,2040,2052,2061,2079,2083],{"__ignoreMap":1143},[1148,2041,2042,2044,2046,2048,2050],{"class":1150,"line":1151},[1148,2043,1251],{"class":1228},[1148,2045,1833],{"class":1228},[1148,2047,1973],{"class":1166},[1148,2049,1170],{"class":1158},[1148,2051,1301],{"class":1162},[1148,2053,2054,2057,2059],{"class":1150,"line":1185},[1148,2055,2056],{"class":1982},"  alias",[1148,2058,1315],{"class":1162},[1148,2060,1988],{"class":1162},[1148,2062,2063,2066,2068,2070,2072,2074,2077],{"class":1150,"line":1192},[1148,2064,2065],{"class":1162},"    '",[1148,2067,1321],{"class":1982},[1148,2069,1173],{"class":1162},[1148,2071,1315],{"class":1162},[1148,2073,1237],{"class":1162},[1148,2075,2076],{"class":1176},"sample-library/dist/sample-library.cjs.js",[1148,2078,1242],{"class":1162},[1148,2080,2081],{"class":1150,"line":1349},[1148,2082,2012],{"class":1162},[1148,2084,2085,2087],{"class":1150,"line":1369},[1148,2086,2017],{"class":1162},[1148,2088,1182],{"class":1158},[1122,2090,2092],{"id":2091},"default-exports","Default Exports",[1113,2094,2095,2096,1440,2099,2101],{},"A dependency with CommonJS format, can use ",[1145,2097,2098],{},"module.exports",[1145,2100,1439],{}," to provide a default export:",[1138,2103,2106],{"className":1140,"code":2104,"filename":2105,"language":1142,"meta":1143,"style":1143},"module.exports = { test: 123 }\n// or\nexports.test = 123\n","node_modules/cjs-pkg/index.js",[1145,2107,2108,2127,2133],{"__ignoreMap":1143},[1148,2109,2110,2112,2114,2116,2119,2121,2125],{"class":1150,"line":1151},[1148,2111,2098],{"class":1162},[1148,2113,1880],{"class":1162},[1148,2115,1254],{"class":1162},[1148,2117,2118],{"class":1982}," test",[1148,2120,1315],{"class":1162},[1148,2122,2124],{"class":2123},"sV9sa"," 123",[1148,2126,1260],{"class":1162},[1148,2128,2129],{"class":1150,"line":1185},[1148,2130,2132],{"class":2131},"svXlt","// or\n",[1148,2134,2135,2138,2141,2143],{"class":1150,"line":1192},[1148,2136,2137],{"class":1162},"exports.",[1148,2139,2140],{"class":1158},"test ",[1148,2142,1163],{"class":1162},[1148,2144,2145],{"class":2123}," 123\n",[1113,2147,2148,2149,2151],{},"This normally works well if we ",[1145,2150,1429],{}," such dependency:",[1138,2153,2156],{"className":1140,"code":2154,"filename":2155,"language":1142,"meta":1143,"style":1143},"const pkg = require('cjs-pkg')\n\nconsole.log(pkg) // { test: 123 }\n","test.cjs",[1145,2157,2158,2180,2184],{"__ignoreMap":1143},[1148,2159,2160,2162,2165,2167,2169,2171,2173,2176,2178],{"class":1150,"line":1151},[1148,2161,1155],{"class":1154},[1148,2163,2164],{"class":1158}," pkg ",[1148,2166,1163],{"class":1162},[1148,2168,1167],{"class":1166},[1148,2170,1170],{"class":1158},[1148,2172,1173],{"class":1162},[1148,2174,2175],{"class":1176},"cjs-pkg",[1148,2177,1173],{"class":1162},[1148,2179,1182],{"class":1158},[1148,2181,2182],{"class":1150,"line":1185},[1148,2183,1189],{"emptyLinePlaceholder":1188},[1148,2185,2186,2189,2191,2194,2197],{"class":1150,"line":1192},[1148,2187,2188],{"class":1158},"console",[1148,2190,1218],{"class":1162},[1148,2192,2193],{"class":1166},"log",[1148,2195,2196],{"class":1158},"(pkg) ",[1148,2198,2199],{"class":2131},"// { test: 123 }\n",[1113,2201,2202,2207,2208,2217],{},[1130,2203,2206],{"href":2204,"rel":2205},"https://nodejs.org/api/esm.html#interoperability-with-commonjs",[1134],"Node.js in native ESM mode",", ",[1130,2209,2212,2213,2216],{"href":2210,"rel":2211},"https://www.typescriptlang.org/tsconfig#esModuleInterop",[1134],"typescript with ",[1145,2214,2215],{},"esModuleInterop"," enabled"," and bundlers such as webpack, provide a compatibility mechanism so that we can default import such library.\nThis mechanism is often referred to as \"interop require default\":",[1138,2219,2221],{"className":1140,"code":2220,"language":1142,"meta":1143,"style":1143},"import pkg from 'cjs-pkg'\n\nconsole.log(pkg) // { test: 123 }\n",[1145,2222,2223,2237,2241],{"__ignoreMap":1143},[1148,2224,2225,2227,2229,2231,2233,2235],{"class":1150,"line":1151},[1148,2226,1229],{"class":1228},[1148,2228,2164],{"class":1158},[1148,2230,1234],{"class":1228},[1148,2232,1237],{"class":1162},[1148,2234,2175],{"class":1176},[1148,2236,1242],{"class":1162},[1148,2238,2239],{"class":1150,"line":1185},[1148,2240,1189],{"emptyLinePlaceholder":1188},[1148,2242,2243,2245,2247,2249,2251],{"class":1150,"line":1192},[1148,2244,2188],{"class":1158},[1148,2246,1218],{"class":1162},[1148,2248,2193],{"class":1166},[1148,2250,2196],{"class":1158},[1148,2252,2199],{"class":2131},[1113,2254,2255],{},"However, because of the complexities of syntax detection and different bundle formats, there is always a chance that the interop default fails and we end up with something like this:",[1138,2257,2259],{"className":1140,"code":2258,"language":1142,"meta":1143,"style":1143},"import pkg from 'cjs-pkg'\n\nconsole.log(pkg) // { default: { test: 123 } }\n",[1145,2260,2261,2275,2279],{"__ignoreMap":1143},[1148,2262,2263,2265,2267,2269,2271,2273],{"class":1150,"line":1151},[1148,2264,1229],{"class":1228},[1148,2266,2164],{"class":1158},[1148,2268,1234],{"class":1228},[1148,2270,1237],{"class":1162},[1148,2272,2175],{"class":1176},[1148,2274,1242],{"class":1162},[1148,2276,2277],{"class":1150,"line":1185},[1148,2278,1189],{"emptyLinePlaceholder":1188},[1148,2280,2281,2283,2285,2287,2289],{"class":1150,"line":1192},[1148,2282,2188],{"class":1158},[1148,2284,1218],{"class":1162},[1148,2286,2193],{"class":1166},[1148,2288,2196],{"class":1158},[1148,2290,2291],{"class":2131},"// { default: { test: 123 } }\n",[1113,2293,2294],{},"Also when using dynamic import syntax (in both CJS and ESM files), we always have this situation:",[1138,2296,2298],{"className":1140,"code":2297,"language":1142,"meta":1143,"style":1143},"import('cjs-pkg').then(console.log) // [Module: null prototype] { default: { test: '123' } }\n",[1145,2299,2300],{"__ignoreMap":1143},[1148,2301,2302,2304,2306,2308,2310,2312,2314,2316,2319,2322,2324,2327],{"class":1150,"line":1151},[1148,2303,1229],{"class":1162},[1148,2305,1170],{"class":1158},[1148,2307,1173],{"class":1162},[1148,2309,2175],{"class":1176},[1148,2311,1173],{"class":1162},[1148,2313,1529],{"class":1158},[1148,2315,1218],{"class":1162},[1148,2317,2318],{"class":1166},"then",[1148,2320,2321],{"class":1158},"(console",[1148,2323,1218],{"class":1162},[1148,2325,2326],{"class":1158},"log) ",[1148,2328,2329],{"class":2131},"// [Module: null prototype] { default: { test: '123' } }\n",[1113,2331,2332],{},"In this case, we need to manually interop the default export:",[1138,2334,2336],{"className":1140,"code":2335,"language":1142,"meta":1143,"style":1143},"// Static import\nimport { default as pkg } from 'cjs-pkg'\n\n// Dynamic import\nimport('cjs-pkg').then(m => m.default || m).then(console.log)\n",[1145,2337,2338,2343,2365,2369,2374],{"__ignoreMap":1143},[1148,2339,2340],{"class":1150,"line":1151},[1148,2341,2342],{"class":2131},"// Static import\n",[1148,2344,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363],{"class":1150,"line":1185},[1148,2346,1229],{"class":1228},[1148,2348,1254],{"class":1162},[1148,2350,1833],{"class":1228},[1148,2352,1796],{"class":1228},[1148,2354,1856],{"class":1158},[1148,2356,1714],{"class":1162},[1148,2358,1717],{"class":1228},[1148,2360,1237],{"class":1162},[1148,2362,2175],{"class":1176},[1148,2364,1242],{"class":1162},[1148,2366,2367],{"class":1150,"line":1192},[1148,2368,1189],{"emptyLinePlaceholder":1188},[1148,2370,2371],{"class":1150,"line":1349},[1148,2372,2373],{"class":2131},"// Dynamic import\n",[1148,2375,2376,2378,2380,2382,2384,2386,2388,2390,2392,2394,2398,2401,2404,2406,2409,2412,2415,2417,2419,2421,2423],{"class":1150,"line":1369},[1148,2377,1229],{"class":1162},[1148,2379,1170],{"class":1158},[1148,2381,1173],{"class":1162},[1148,2383,2175],{"class":1176},[1148,2385,1173],{"class":1162},[1148,2387,1529],{"class":1158},[1148,2389,1218],{"class":1162},[1148,2391,2318],{"class":1166},[1148,2393,1170],{"class":1158},[1148,2395,2397],{"class":2396},"ssYd4","m",[1148,2399,2400],{"class":1154}," =>",[1148,2402,2403],{"class":1158}," m",[1148,2405,1218],{"class":1162},[1148,2407,2408],{"class":1158},"default ",[1148,2410,2411],{"class":1162},"||",[1148,2413,2414],{"class":1158}," m)",[1148,2416,1218],{"class":1162},[1148,2418,2318],{"class":1166},[1148,2420,2321],{"class":1158},[1148,2422,1218],{"class":1162},[1148,2424,2425],{"class":1158},"log)\n",[1113,2427,2428,2429,2434],{},"For handling more complex situations and more safety, we recommend and internally use ",[1130,2430,2433],{"href":2431,"rel":2432},"https://github.com/unjs/mlly",[1134],"mlly"," in Nuxt that can preserve named exports.",[1138,2436,2438],{"className":1140,"code":2437,"language":1142,"meta":1143,"style":1143},"import { interopDefault } from 'mlly'\n\n// Assuming the shape is { default: { foo: 'bar' }, baz: 'qux' }\nimport myModule from 'my-module'\n\nconsole.log(interopDefault(myModule)) // { foo: 'bar', baz: 'qux' }\n",[1145,2439,2440,2459,2463,2468,2484,2488],{"__ignoreMap":1143},[1148,2441,2442,2444,2446,2449,2451,2453,2455,2457],{"class":1150,"line":1151},[1148,2443,1229],{"class":1228},[1148,2445,1254],{"class":1162},[1148,2447,2448],{"class":1158}," interopDefault",[1148,2450,1714],{"class":1162},[1148,2452,1717],{"class":1228},[1148,2454,1237],{"class":1162},[1148,2456,2433],{"class":1176},[1148,2458,1242],{"class":1162},[1148,2460,2461],{"class":1150,"line":1185},[1148,2462,1189],{"emptyLinePlaceholder":1188},[1148,2464,2465],{"class":1150,"line":1192},[1148,2466,2467],{"class":2131},"// Assuming the shape is { default: { foo: 'bar' }, baz: 'qux' }\n",[1148,2469,2470,2472,2475,2477,2479,2482],{"class":1150,"line":1349},[1148,2471,1229],{"class":1228},[1148,2473,2474],{"class":1158}," myModule ",[1148,2476,1234],{"class":1228},[1148,2478,1237],{"class":1162},[1148,2480,2481],{"class":1176},"my-module",[1148,2483,1242],{"class":1162},[1148,2485,2486],{"class":1150,"line":1369},[1148,2487,1189],{"emptyLinePlaceholder":1188},[1148,2489,2490,2492,2494,2496,2498,2501,2504],{"class":1150,"line":1615},[1148,2491,2188],{"class":1158},[1148,2493,1218],{"class":1162},[1148,2495,2193],{"class":1166},[1148,2497,1170],{"class":1158},[1148,2499,2500],{"class":1166},"interopDefault",[1148,2502,2503],{"class":1158},"(myModule)) ",[1148,2505,2506],{"class":2131},"// { foo: 'bar', baz: 'qux' }\n",[1117,2508,2510],{"id":2509},"library-author-guide","Library Author Guide",[1113,2512,2513],{},"The good news is that it's relatively simple to fix issues of ESM compatibility. There are two main options:",[1461,2515,2516,2533],{},[1389,2517,2518,2523,2526,2529,2530,2532],{},[1271,2519,2520,2521,1218],{},"You can rename your ESM files to end with ",[1145,2522,1408],{},[2524,2525],"br",{},[2024,2527,2528],{},"This is the recommended and simplest approach."," You may have to sort out issues with your library's dependencies and possibly with your build system, but in most cases, this should fix the problem for you. It's also recommended to rename your CJS files to end with ",[1145,2531,1473],{},", for the greatest explicitness.",[1389,2534,2535,1218,2538,2540,2541,2543,2544,2546,2547,2550],{},[1271,2536,2537],{},"You can opt to make your entire library ESM-only",[2524,2539],{},"This would mean setting ",[1145,2542,1394],{}," in your ",[1145,2545,264],{}," and ensuring that your built library uses ESM syntax. However, you may face issues with your dependencies - and this approach means your library can ",[2024,2548,2549],{},"only"," be consumed in an ESM context.",[1122,2552,2554],{"id":2553},"migration","Migration",[1113,2556,2557,2558,2560,2561,2563],{},"The initial step from CJS to ESM is updating any usage of ",[1145,2559,1429],{}," to use ",[1145,2562,1229],{}," instead:",[2565,2566,2567,2597],"code-group",{},[1138,2568,2571],{"className":1140,"code":2569,"filename":2570,"language":1142,"meta":1143,"style":1143},"module.exports = ...\n\nexports.hello = ...\n","Before",[1145,2572,2573,2582,2586],{"__ignoreMap":1143},[1148,2574,2575,2577,2579],{"class":1150,"line":1151},[1148,2576,2098],{"class":1162},[1148,2578,1880],{"class":1162},[1148,2580,2581],{"class":1162}," ...\n",[1148,2583,2584],{"class":1150,"line":1185},[1148,2585,1189],{"emptyLinePlaceholder":1188},[1148,2587,2588,2590,2593,2595],{"class":1150,"line":1192},[1148,2589,2137],{"class":1162},[1148,2591,2592],{"class":1158},"hello ",[1148,2594,1163],{"class":1162},[1148,2596,2581],{"class":1162},[1138,2598,2601],{"className":1140,"code":2599,"filename":2600,"language":1142,"meta":1143,"style":1143},"export default ...\n\nexport const hello = ...\n","After",[1145,2602,2603,2611,2615],{"__ignoreMap":1143},[1148,2604,2605,2607,2609],{"class":1150,"line":1151},[1148,2606,1251],{"class":1228},[1148,2608,1833],{"class":1228},[1148,2610,2581],{"class":1162},[1148,2612,2613],{"class":1150,"line":1185},[1148,2614,1189],{"emptyLinePlaceholder":1188},[1148,2616,2617,2619,2622,2625,2627],{"class":1150,"line":1192},[1148,2618,1251],{"class":1228},[1148,2620,2621],{"class":1154}," const",[1148,2623,2624],{"class":1158}," hello ",[1148,2626,1163],{"class":1162},[1148,2628,2581],{"class":1162},[2565,2630,2631,2658],{},[1138,2632,2634],{"className":1140,"code":2633,"filename":2570,"language":1142,"meta":1143,"style":1143},"const myLib = require('my-lib')\n",[1145,2635,2636],{"__ignoreMap":1143},[1148,2637,2638,2640,2643,2645,2647,2649,2651,2654,2656],{"class":1150,"line":1151},[1148,2639,1155],{"class":1154},[1148,2641,2642],{"class":1158}," myLib ",[1148,2644,1163],{"class":1162},[1148,2646,1167],{"class":1166},[1148,2648,1170],{"class":1158},[1148,2650,1173],{"class":1162},[1148,2652,2653],{"class":1176},"my-lib",[1148,2655,1173],{"class":1162},[1148,2657,1182],{"class":1158},[1138,2659,2661],{"className":1140,"code":2660,"filename":2600,"language":1142,"meta":1143,"style":1143},"import myLib from 'my-lib'\n// or\nconst myLib = await import('my-lib').then(lib => lib.default || lib)\n",[1145,2662,2663,2677,2681],{"__ignoreMap":1143},[1148,2664,2665,2667,2669,2671,2673,2675],{"class":1150,"line":1151},[1148,2666,1229],{"class":1228},[1148,2668,2642],{"class":1158},[1148,2670,1234],{"class":1228},[1148,2672,1237],{"class":1162},[1148,2674,2653],{"class":1176},[1148,2676,1242],{"class":1162},[1148,2678,2679],{"class":1150,"line":1185},[1148,2680,2132],{"class":2131},[1148,2682,2683,2685,2687,2689,2692,2695,2697,2699,2701,2703,2705,2707,2709,2711,2714,2716,2719,2721,2723,2725],{"class":1150,"line":1192},[1148,2684,1155],{"class":1154},[1148,2686,2642],{"class":1158},[1148,2688,1163],{"class":1162},[1148,2690,2691],{"class":1228}," await",[1148,2693,2694],{"class":1162}," import",[1148,2696,1170],{"class":1158},[1148,2698,1173],{"class":1162},[1148,2700,2653],{"class":1176},[1148,2702,1173],{"class":1162},[1148,2704,1529],{"class":1158},[1148,2706,1218],{"class":1162},[1148,2708,2318],{"class":1166},[1148,2710,1170],{"class":1158},[1148,2712,2713],{"class":2396},"lib",[1148,2715,2400],{"class":1154},[1148,2717,2718],{"class":1158}," lib",[1148,2720,1218],{"class":1162},[1148,2722,2408],{"class":1158},[1148,2724,2411],{"class":1162},[1148,2726,2727],{"class":1158}," lib)\n",[1113,2729,2730,2731,2207,2733,2207,2736,2739,2740,2743,2744,2739,2747,1218],{},"In ESM Modules, unlike CJS, ",[1145,2732,1429],{},[1145,2734,2735],{},"require.resolve",[1145,2737,2738],{},"__filename"," and ",[1145,2741,2742],{},"__dirname"," globals are not available\nand should be replaced with ",[1145,2745,2746],{},"import()",[1145,2748,2749],{},"import.meta.filename",[2565,2751,2752,2807],{},[1138,2753,2755],{"className":1140,"code":2754,"filename":2570,"language":1142,"meta":1143,"style":1143},"import { join } from 'path'\n\nconst newDir = join(__dirname, 'new-dir')\n",[1145,2756,2757,2777,2781],{"__ignoreMap":1143},[1148,2758,2759,2761,2763,2766,2768,2770,2772,2775],{"class":1150,"line":1151},[1148,2760,1229],{"class":1228},[1148,2762,1254],{"class":1162},[1148,2764,2765],{"class":1158}," join",[1148,2767,1714],{"class":1162},[1148,2769,1717],{"class":1228},[1148,2771,1237],{"class":1162},[1148,2773,2774],{"class":1176},"path",[1148,2776,1242],{"class":1162},[1148,2778,2779],{"class":1150,"line":1185},[1148,2780,1189],{"emptyLinePlaceholder":1188},[1148,2782,2783,2785,2788,2790,2792,2795,2798,2800,2803,2805],{"class":1150,"line":1192},[1148,2784,1155],{"class":1154},[1148,2786,2787],{"class":1158}," newDir ",[1148,2789,1163],{"class":1162},[1148,2791,2765],{"class":1166},[1148,2793,2794],{"class":1158},"(__dirname",[1148,2796,2797],{"class":1162},",",[1148,2799,1237],{"class":1162},[1148,2801,2802],{"class":1176},"new-dir",[1148,2804,1173],{"class":1162},[1148,2806,1182],{"class":1158},[1138,2808,2810],{"className":1140,"code":2809,"filename":2600,"language":1142,"meta":1143,"style":1143},"import { fileURLToPath } from 'node:url'\n\nconst newDir = fileURLToPath(new URL('./new-dir', import.meta.url))\n",[1145,2811,2812,2832,2836],{"__ignoreMap":1143},[1148,2813,2814,2816,2818,2821,2823,2825,2827,2830],{"class":1150,"line":1151},[1148,2815,1229],{"class":1228},[1148,2817,1254],{"class":1162},[1148,2819,2820],{"class":1158}," fileURLToPath",[1148,2822,1714],{"class":1162},[1148,2824,1717],{"class":1228},[1148,2826,1237],{"class":1162},[1148,2828,2829],{"class":1176},"node:url",[1148,2831,1242],{"class":1162},[1148,2833,2834],{"class":1150,"line":1185},[1148,2835,1189],{"emptyLinePlaceholder":1188},[1148,2837,2838,2840,2842,2844,2846,2848,2851,2854,2856,2858,2861,2863,2865,2867,2869,2872,2874],{"class":1150,"line":1192},[1148,2839,1155],{"class":1154},[1148,2841,2787],{"class":1158},[1148,2843,1163],{"class":1162},[1148,2845,2820],{"class":1166},[1148,2847,1170],{"class":1158},[1148,2849,2850],{"class":1162},"new",[1148,2852,2853],{"class":1166}," URL",[1148,2855,1170],{"class":1158},[1148,2857,1173],{"class":1162},[1148,2859,2860],{"class":1176},"./new-dir",[1148,2862,1173],{"class":1162},[1148,2864,2797],{"class":1162},[1148,2866,2694],{"class":1228},[1148,2868,1218],{"class":1162},[1148,2870,2871],{"class":1158},"meta",[1148,2873,1218],{"class":1162},[1148,2875,2876],{"class":1158},"url))\n",[2565,2878,2879,2911],{},[1138,2880,2882],{"className":1140,"code":2881,"filename":2570,"language":1142,"meta":1143,"style":1143},"const someFile = require.resolve('./lib/foo.js')\n",[1145,2883,2884],{"__ignoreMap":1143},[1148,2885,2886,2888,2891,2893,2895,2897,2900,2902,2904,2907,2909],{"class":1150,"line":1151},[1148,2887,1155],{"class":1154},[1148,2889,2890],{"class":1158}," someFile ",[1148,2892,1163],{"class":1162},[1148,2894,1167],{"class":1158},[1148,2896,1218],{"class":1162},[1148,2898,2899],{"class":1166},"resolve",[1148,2901,1170],{"class":1158},[1148,2903,1173],{"class":1162},[1148,2905,2906],{"class":1176},"./lib/foo.js",[1148,2908,1173],{"class":1162},[1148,2910,1182],{"class":1158},[1138,2912,2914],{"className":1140,"code":2913,"filename":2600,"language":1142,"meta":1143,"style":1143},"import { resolvePath } from 'mlly'\n\nconst someFile = await resolvePath('my-lib', { url: import.meta.url })\n",[1145,2915,2916,2935,2939],{"__ignoreMap":1143},[1148,2917,2918,2920,2922,2925,2927,2929,2931,2933],{"class":1150,"line":1151},[1148,2919,1229],{"class":1228},[1148,2921,1254],{"class":1162},[1148,2923,2924],{"class":1158}," resolvePath",[1148,2926,1714],{"class":1162},[1148,2928,1717],{"class":1228},[1148,2930,1237],{"class":1162},[1148,2932,2433],{"class":1176},[1148,2934,1242],{"class":1162},[1148,2936,2937],{"class":1150,"line":1185},[1148,2938,1189],{"emptyLinePlaceholder":1188},[1148,2940,2941,2943,2945,2947,2949,2951,2953,2955,2957,2959,2961,2963,2966,2968,2970,2972,2974,2976,2979,2981],{"class":1150,"line":1192},[1148,2942,1155],{"class":1154},[1148,2944,2890],{"class":1158},[1148,2946,1163],{"class":1162},[1148,2948,2691],{"class":1228},[1148,2950,2924],{"class":1166},[1148,2952,1170],{"class":1158},[1148,2954,1173],{"class":1162},[1148,2956,2653],{"class":1176},[1148,2958,1173],{"class":1162},[1148,2960,2797],{"class":1162},[1148,2962,1254],{"class":1162},[1148,2964,2965],{"class":1982}," url",[1148,2967,1315],{"class":1162},[1148,2969,2694],{"class":1228},[1148,2971,1218],{"class":1162},[1148,2973,2871],{"class":1158},[1148,2975,1218],{"class":1162},[1148,2977,2978],{"class":1158},"url ",[1148,2980,2017],{"class":1162},[1148,2982,1182],{"class":1158},[1122,2984,2986],{"id":2985},"best-practices","Best Practices",[1386,2988,2989,2997,3000],{},[1389,2990,2991,2992,2996],{},"Prefer named exports rather than default export. This helps reduce CJS conflicts. (see ",[1130,2993,2995],{"href":2994},"#default-exports","Default exports"," section)",[1389,2998,2999],{},"Avoid depending on Node.js built-ins and CommonJS or Node.js-only dependencies as much as possible to make your library usable in Browsers and Edge Workers without needing Nitro polyfills.",[1389,3001,3002,3003,3005,3006,3010],{},"Use new ",[1145,3004,1439],{}," field with conditional exports. (",[1130,3007,1135],{"href":3008,"rel":3009},"https://nodejs.org/api/packages.html#conditional-exports",[1134],").",[1138,3012,3014],{"className":1292,"code":3013,"language":1294,"meta":1143,"style":1143},"{\n  \"exports\": {\n    \".\": {\n      \"import\": \"./dist/mymodule.mjs\"\n    }\n  }\n}\n",[1145,3015,3016,3020,3032,3045,3063,3068,3072],{"__ignoreMap":1143},[1148,3017,3018],{"class":1150,"line":1151},[1148,3019,1301],{"class":1162},[1148,3021,3022,3024,3026,3028,3030],{"class":1150,"line":1185},[1148,3023,1306],{"class":1162},[1148,3025,1439],{"class":1154},[1148,3027,1312],{"class":1162},[1148,3029,1315],{"class":1162},[1148,3031,1988],{"class":1162},[1148,3033,3034,3037,3039,3041,3043],{"class":1150,"line":1192},[1148,3035,3036],{"class":1162},"    \"",[1148,3038,1218],{"class":1525},[1148,3040,1312],{"class":1162},[1148,3042,1315],{"class":1162},[1148,3044,1988],{"class":1162},[1148,3046,3047,3050,3052,3054,3056,3058,3061],{"class":1150,"line":1349},[1148,3048,3049],{"class":1162},"      \"",[1148,3051,1229],{"class":2123},[1148,3053,1312],{"class":1162},[1148,3055,1315],{"class":1162},[1148,3057,1318],{"class":1162},[1148,3059,3060],{"class":1176},"./dist/mymodule.mjs",[1148,3062,1366],{"class":1162},[1148,3064,3065],{"class":1150,"line":1369},[1148,3066,3067],{"class":1162},"    }\n",[1148,3069,3070],{"class":1150,"line":1615},[1148,3071,2012],{"class":1162},[1148,3073,3074],{"class":1150,"line":1620},[1148,3075,1372],{"class":1162},[3077,3078,3079],"style",{},"html pre.shiki code .sRBFq, html code.shiki .sRBFq{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .spdxX, html code.shiki .spdxX{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .sYp4K, html code.shiki .sYp4K{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .szd4z, html code.shiki .szd4z{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .s5UST, html code.shiki .s5UST{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}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 .sFVN2, html code.shiki .sFVN2{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sT2Ow, html code.shiki .sT2Ow{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .sQ5dg, html code.shiki .sQ5dg{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .sV9sa, html code.shiki .sV9sa{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}html pre.shiki code .svXlt, html code.shiki .svXlt{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .ssYd4, html code.shiki .ssYd4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":1143,"searchDepth":1185,"depth":1185,"links":3081},[3082,3089,3094],{"id":1119,"depth":1185,"text":1120,"children":3083},[3084,3085,3086,3087,3088],{"id":1124,"depth":1192,"text":1125},{"id":1209,"depth":1192,"text":1210},{"id":1282,"depth":1192,"text":1283},{"id":1419,"depth":1192,"text":1420},{"id":1487,"depth":1192,"text":1488},{"id":1937,"depth":1185,"text":1938,"children":3090},[3091,3092,3093],{"id":1949,"depth":1192,"text":1950},{"id":2030,"depth":1192,"text":2031},{"id":2091,"depth":1192,"text":2092},{"id":2509,"depth":1185,"text":2510,"children":3095},[3096,3097],{"id":2553,"depth":1192,"text":2554},{"id":2985,"depth":1192,"text":2986},"Nuxt uses native ES modules.","md",{},{"title":147,"description":3098},"CxwnvZ44dX",[3104,3106],{"title":143,"path":144,"stem":145,"description":3105,"children":-1},"Nuxt provides a module system to extend the framework core and simplify integrations.",{"title":151,"path":152,"stem":153,"description":3107,"children":-1},"Nuxt is fully typed and provides helpful shortcuts to ensure you have access to accurate type information when you are coding.",1742651374206]