\r\n\u003C/template>\r\n```\r\n\r\nWith the component TheNavbar being in your layer.\r\nIf I add\r\n```\r\n components: {\r\n dirs: [\r\n {\r\n path: '~/components/global',\r\n global: true,\r\n },\r\n '~/components',\r\n ],\r\n },\r\n```\r\n\r\nIn the config of my layer so I can use `\u003Ccomponent :is=\"resolveComponent('TheNavbar')\" />`\r\n\r\n\n\n### Describe the bug\n\nThe overall problem is that I have an UI-Kit layer with a lot of components.\r\nAnd in my pages I must call an external API with fetch to retrieve an array of components.\r\nThen I have to use the dynamic \u003Ccomponent :is /> but when I try to globally register my layer components it does not work at all and even when it's not dynamic those layer components are unkwown.\r\n\r\nSo is it a bug?\r\n\r\nWhat would be the best practice to have dynamic component with name fetched from an external API on a page and with all of them registered in a layer?\r\n\r\nThank you all!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2904,2905,2906,2909,2912],{"name":2881,"color":2882},{"name":2868,"color":2869},{"name":2907,"color":2908},"needs reproduction","FBCA04",{"name":2910,"color":2911},"layers","006B75",{"name":2913,"color":2914},"closed-by-bot","ededed",22704,"Marking Layer Components Global = Failed To Resolve","2023-09-07T01:47:44Z","https://github.com/nuxt/nuxt/issues/22704",0.6575545,{"labels":2921,"number":2932,"owner":2871,"repository":2871,"state":2885,"title":2933,"updated_at":2934,"url":2935,"score":2936},[2922,2923,2926,2929],{"name":2881,"color":2882},{"name":2924,"color":2925},"bug","d73a4a",{"name":2927,"color":2928},"components","05B979",{"name":2930,"color":2931},"❗ p4-important","D93F0B",13538,"Autoimport components dir","2023-10-06T09:49:35Z","https://github.com/nuxt/nuxt/issues/13538",0.6622568,{"description":2938,"labels":2939,"number":2951,"owner":2871,"repository":2871,"state":2885,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Environment\n\nStackblitz\r\n\r\n````\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: -\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: extends\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n````\n\n### Reproduction\n\nhttps://stackblitz.com/github/martinszeltins/found-nuxt-components-issue?file=app.vue\n\n### Describe the bug\n\nWhen I add this module to my modules array in nuxt.config.ts then I lose all typings for my components _(for both local and 3rd party components)._ It shows that components have type of `unknown`. Before I add this module, everything works.\r\n\r\n**nuxt.config.ts** 👇️\r\n```diff\r\nmodules: [\r\n+ '@nuxtjs/i18n', // This breaks all auto-import component typings (components not recognized anymore)\r\n '@vueuse/nuxt',\r\n 'nuxt-primevue'\r\n],\r\n```\r\n\r\nIf I remove it from my modules array then everything works again.\r\n\r\n**Screenshot before adding the module (everything works):** 👍️ 👇️\r\n\r\n\r\n\r\n**Screenshot after adding the module (type unknown):** ❌ 👇️\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2940,2943,2944,2947,2948],{"name":2941,"color":2942},"types","2875C3",{"name":2881,"color":2882},{"name":2945,"color":2946},"workaround available","11376d",{"name":2924,"color":2925},{"name":2949,"color":2950},"upstream","E8A36D",26214,"Adding `@nuxtjs/i18n` to Nuxt breaks component types (shows unknown)","2024-05-27T10:28:40Z","https://github.com/nuxt/nuxt/issues/26214",0.6636106,{"description":2957,"labels":2958,"number":2963,"owner":2871,"repository":2871,"state":2885,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-jzao4p?file=modules%2Fsome-module%2Findex.ts\n\n### Describe the bug\n\nThe reproduction contains a nuxt module that adds 2 components. `DComp` that is exported as `default` and `NComp` that is exported as named `NComp`. When registering these components as client-only via `addComponent` the `DComp` works correctry. However `NComp` is apparently not found.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Invalid vnode type when creating vnode: undefined.\r\n[Vue warn]: Component \u003CAnonymous> is missing template or render function.\n```\n",[2959,2960,2961],{"name":2881,"color":2882},{"name":2924,"color":2925},{"name":2962,"color":2908},"🔨 p3-minor",25281,"Cannot register named exported components as client-only","2024-01-20T20:43:13Z","https://github.com/nuxt/nuxt/issues/25281",0.6637055,{"description":2969,"labels":2970,"number":2974,"owner":2871,"repository":2871,"state":2885,"title":2975,"updated_at":2976,"url":2977,"score":2978},"Hi there!\r\n\r\nI just experiencing an issue that `global components` that defined in `plugins/` directory doesn't seems to work on production build.\r\n\r\n\r\n\r\n> left : build & run on production mode\r\n> right : run development server\r\n\r\nI've assure that this issue only happened on client side rendering because i've check the server side rendering seems to work just fine.\r\n\r\n\r\n\r\nThe global component `\u003Capp-main />` is registered on `/plugins/global-components.js` file here\r\n\r\n\r\n\r\nand here my `nuxt.config.js` file\r\n\r\n```js\r\n'use strict'\r\n\r\nconst { resolve } = require('path')\r\nconst Env = use('Env')\r\n\r\nmodule.exports = {\r\n build: {\r\n publicPath: Env.get('CDN_URL', '/'),\r\n\r\n analyze: {\r\n analyzerMode: 'static',\r\n generateStatsFile: true,\r\n statsFilename: 'webpack-stats.json'\r\n },\r\n\r\n extractCSS: true,\r\n\r\n postcss: {\r\n plugins: {\r\n 'postcss-custom-properties': false\r\n }\r\n }\r\n },\r\n\r\n css: [\r\n '~assets/scss/main.scss'\r\n ],\r\n\r\n head: {\r\n htmlAttrs: {},\r\n\r\n meta: [\r\n {\r\n charset: 'utf-8'\r\n },\r\n {\r\n name: 'viewport',\r\n content: 'width=device-width,initial-scale=1'\r\n },\r\n {\r\n 'http-equiv': 'x-ua-compatible',\r\n content: 'ie=edge,chrome=1'\r\n },\r\n {\r\n name: 'theme-color',\r\n content: '#ffffff'\r\n }\r\n ],\r\n\r\n link: [\r\n {\r\n rel: 'shortcut icon',\r\n type: 'image/x-icon',\r\n href: '/favicon.ico'\r\n },\r\n {\r\n rel: 'apple-touch-icon',\r\n size: '192x192',\r\n href: '/mobile-icon.png'\r\n },\r\n {\r\n rel: 'icon',\r\n type: 'image/png',\r\n size: '192x192',\r\n href: '/mobile-icon.png'\r\n },\r\n {\r\n rel: 'icon',\r\n type: 'image/png',\r\n size: '32x32',\r\n href: '/favicon.png'\r\n },\r\n {\r\n rel: 'stylesheet',\r\n href: 'https://fonts.googleapis.com/css?family=Montserrat:300,400,600'\r\n }\r\n ],\r\n\r\n noscript: [{\r\n innerHtml: `\r\n \u003Ch1>Javascript Disabled\u003C/h1>\r\n \u003Cp>It appears that you do not have Javascript enabled. This application relies on Javascript for most of our features.\u003Cp>\r\n \u003Cp>Please enable Javascript and \u003Ca href=\".\">reload\u003C/a> in order to use this site.\u003C/p>\r\n `}]\r\n },\r\n\r\n loading: {\r\n color: '#589d8d'\r\n },\r\n\r\n plugins: [\r\n '~/plugins/global-components.js'\r\n ],\r\n\r\n router: {\r\n base: '/',\r\n linkActiveClass: '',\r\n linkExactActiveClass: 'is-active',\r\n\r\n scrollBehaviour: () => ({\r\n x: 0,\r\n y: 0\r\n }),\r\n\r\n extendRoutes: (routes) => {\r\n routes.forEach((route) => {\r\n route.meta = {\r\n title: route.name\r\n }\r\n })\r\n }\r\n },\r\n\r\n buildDir: resolve(__dirname, '..', 'public'),\r\n srcDir: resolve(__dirname, '..', 'resources')\r\n}\r\n```\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2492\">#c2492\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2971],{"name":2972,"color":2973},"2.x","d4c5f9",2868,"global components non rendered properly on production build?","2023-01-18T16:09:43Z","https://github.com/nuxt/nuxt/issues/2868",0.66819525,{"description":2980,"labels":2981,"number":2984,"owner":2871,"repository":2871,"state":2885,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v19.4.0`\r\n- Nuxt Version: `3.3.2`\r\n- Nitro Version: `2.3.2`\r\n- Package Manager: `pnpm@7.25.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nI can't really figure out the best way to expose a \"minimal\" reproduction. The issue relies on a dependency. \r\nYou can view the code that I'm using to addComponent here -> https://github.com/VividLemon/bootstrap-vue-next/blob/main/packages/nuxt/src/composables/useComponents.ts\r\n\r\n& The whole package -> https://github.com/VividLemon/bootstrap-vue-next/tree/main/packages/nuxt\r\n\r\n\n\n### Describe the bug\n\nThe playground dev environment works fine. However, when trying to run `pnpm prepack`, the library throws: \r\n```\r\nNamed export 'Components' not found. The requested module 'bootstrap-vue-next' is a CommonJS module, which may not support all module.exports as named exports. 20:54:27\r\nCommonJS modules can always be imported via the default export, for example using:\r\n```\r\nThis is a bit strange as the dist exposes umd.js & es.js files. I'm not certain why it would be attempting to use the CommonJs module specifically, but maybe it's because JS module resolution confuses me.\r\n\r\nThe suggestion, \r\n```\r\nimport pkg from 'bootstrap-vue-next';\r\n const { Components } = pkg;\r\n```\r\nDoesn't quite work as the file has a default export. So 'pkg' in this case doesn't provide pkg.Components. It might do something, but it doesn't show intellisense that it exists.\r\n\r\nI believe the issue stems from when Nuxt is compiling the cjs variant. As the dist/mjs file is made and seemingly works fine.\r\n\r\nI'm not quite sure how to fix the issue. It's more likely that I am doing something wrong here and it's not a @nuxt/kit issue. Any insight on fixing the issue would be appreciated. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2982,2983],{"name":2881,"color":2882},{"name":2868,"color":2869},19974,"Nuxt module addComponent from a dependency import results in `The requested module is a CommonJS module`","2023-03-29T17:54:05Z","https://github.com/nuxt/nuxt/issues/19974",0.6728012,{"description":2990,"labels":2991,"number":2995,"owner":2871,"repository":2871,"state":2885,"title":2996,"updated_at":2997,"url":2998,"score":2999},"### Environment\n\n➜ npx nuxi info\r\nNuxi 3.0.0-rc.9 11:55:40\r\nRootDir: /Users/angurias/Developer/helium/sp-product-frontend-2 11:55:42\r\nNuxt project info: 11:55:42\r\n\r\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.15.1`\r\n- Nuxt Version: `3.0.0-rc.9`\r\n- Nitro Version: `0.5.1`\r\n- Package Manager: `npm@8.11.0`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `typescript`, `srcDir`, `modules`, `css`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@5.3.3`\r\n- Build Modules: `-`\r\n------------------------------\r\n\n\n### Reproduction\n\n- Have lots of components\r\n- Try to import lots of components (not necessarily all of them) via code in a ts file E.G:\r\n```\r\nimport {\r\n IconBasicArrowBottomSmall,\r\n IconBasicArrowDown,\r\n IconBasicArrowLeftSmall,\r\n IconBasicArrowLeft,\r\n IconBasicArrowRightSmall,\r\n IconBasicArrowRight,\r\n IconBasicArrowTopSmall,\r\n IconBasicArrowTop,\r\n IconBasicCalculator,\r\n IconBasicCalendar,\r\n IconBasicCheck,\r\n IconBasicDashboard,\r\n IconBasicEdit,\r\n IconBasicEnter,\r\n IconBasicExit,\r\n IconBasicHelp,\r\n IconBasicHide,\r\n IconBasicShow,\r\n IconBasicTrash,\r\n IconBasicUpload,\r\n IconBasicAlertCircle,\r\n IconBasicCarretDown,\r\n IconBasicCarretLeft,\r\n IconBasicCarretRight,\r\n IconBasicCarretUp,\r\n IconBasicCheckCircle,\r\n IconBasicComment,\r\n IconBasicCreditCard,\r\n IconBasicDots,\r\n IconBasicErrorCircle,\r\n IconBasicHome,\r\n IconBasicInfoCircle,\r\n IconBasicLockClose,\r\n IconBasicLockOpen,\r\n IconBasicMoney,\r\n IconBasicPlusCircleLight,\r\n IconBasicPlus,\r\n IconBasicSlider,\r\n IconBasicTimesCircleLight,\r\n IconBasicTimesCircle,\r\n IconBasicTimes,\r\n IconCalendarCopy,\r\n IconCalendarModFreeze,\r\n IconCalendarModMarkup,\r\n IconCalendarModMax,\r\n IconCalendarModMin,\r\n IconCalendarEuroSmall,\r\n IconCalendarMinusSmall,\r\n IconCalendarPercentSmall,\r\n IconCalendarPlusSmall,\r\n IconCalendarUserAlt,\r\n IconCalendarUser,\r\n IconDashboardBarGraph,\r\n IconDashboardLineGraph,\r\n IconLangDe,\r\n IconLangEn,\r\n IconLangIt,\r\n} from '~~/.nuxt/components'\r\n```\r\n\r\n(In my specific case I'm making a `Map` containing them)\n\n### Describe the bug\n\nMultiple errors can be triggered:\r\n 1. Sometimes it will compile, but an error stating the import is not an html will be triggered\r\n 2. Sometimes it will fail before compile time, stating that one (or multiple) of the components needs to be initialized\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2992,2993,2994],{"name":2881,"color":2882},{"name":2868,"color":2869},{"name":2907,"color":2908},14859,"Autoimported components (~~/.nuxt/components) are not reliable code-wise","2023-01-19T17:41:35Z","https://github.com/nuxt/nuxt/issues/14859",0.6735446,["Reactive",3001],{},["Set"],["ShallowReactive",3004],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frIhWqRPsSqrlSmSNELlEEIJ7IJ6nPJ9GJNknlX-utbc":-1},"/nuxt/nuxt/26471"]