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