\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nimport { defineProps, defineAsyncComponent } from 'vue';\r\n\r\ninterface Props {\r\n component: {\r\n module: string;\r\n file: string;\r\n };\r\n}\r\n\r\nconst props = defineProps\u003CProps>();\r\n\r\nconst componentLoader = defineAsyncComponent({\r\n loader: () => import(`./modules/${props.component.module}/components/${props.component.file}`),\r\n delay: 100,\r\n});\r\n\u003C/script>\r\n```\r\n\r\nInitialization looks like that.\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Ccomponent-provider :component=\"form\" />\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst form: DynamicComponent = reactive({\r\n module: 'auth',\r\n file: 'forms/Main.vue'\r\n})\r\n\u003C/script>\r\n```\r\n\r\nBut it ends with an error.\r\n\r\n```\r\nUncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://localhost:4000/_nuxt/modules/base/components/providers/modules/auth/components/forms/Main.vue?import\r\n```\r\n\r\nAnd Vue warn.\r\n\r\n```\r\n[Vue warn]: Unhandled error during execution of async component loader \r\n```\r\n\r\nSo as you can see the path is wrong because it adds `modules/base/components/providers` (which is providers one) at the beginning. \r\n\r\n**Stack**:\r\n* Nuxt `3.0.0-rc.13`\r\n* Node `16.14.2` (npm `8.7.0`)",[2880],{"name":2881,"color":2882},"documentation","5319e7",15448,"Dynamic component imports doesn't work","2024-11-30T16:12:15Z","https://github.com/nuxt/nuxt/issues/15448",0.70765996,{"description":2889,"labels":2890,"number":2894,"owner":2871,"repository":2895,"state":2896,"title":2897,"updated_at":2898,"url":2899,"score":2900},"Hello! \r\n\r\nI noticed a problem when using mountSuspended. If a component under test has at least one required property, a typing error occurs.\r\n\r\nCode example below:\r\n\r\n```\r\n// component.vue\r\n\u003Cscript setup lang=\"ts\">\r\ndefineProps\u003C{\r\n title: string\r\n}>()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n {{ title }}\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n// component.spec.ts\r\n\u003Cscript setup lang=\"ts\">\r\nimport { describe, expect, test } from \"vitest\"\r\nimport { mountSuspended } from \"nuxt-vitest/utils\"\r\nimport Component from \"~/components/component.vue\"\r\n\r\ndescribe.concurrent(\"Component\", () => {\r\n test(\"Render\", async () => {\r\n \r\n // TypeError below\r\n const wrapper = await mountSuspended(Component, {\r\n props: {\r\n title: \"title\" ,\r\n },\r\n })\r\n })\r\n})\r\n```\r\n",[2891],{"name":2892,"color":2893},"vitest-environment","b60205",554,"test-utils","closed","Type error in moutSuspended If a component has required properties","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/554",0.6727955,{"description":2902,"labels":2903,"number":2910,"owner":2871,"repository":2911,"state":2896,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Description\n\nI was experimenting with two `UBadge` components and `rounded-e-full`/`rounded-s-full` to achieve a `UButtonGroup` effect, would a `UBagdeGroup` component be to much to ask? :)",[2904,2907],{"name":2905,"color":2906},"enhancement","a2eeef",{"name":2908,"color":2909},"v3","49DCB8",3156,"ui","BadgeGroups!","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3156",0.67397845,{"description":2917,"labels":2918,"number":2921,"owner":2871,"repository":2922,"state":2896,"title":2923,"updated_at":2924,"url":2925,"score":2926},"",[2919],{"name":2905,"color":2920},"1ad6ff",379,"nuxt.com","[Live collab] Handle case when current file is renamed by a collaborator","2023-02-15T12:31:27Z","https://github.com/nuxt/nuxt.com/issues/379",0.6847031,{"description":2917,"labels":2928,"number":2932,"owner":2871,"repository":2922,"state":2896,"title":2933,"updated_at":2934,"url":2935,"score":2936},[2929],{"name":2930,"color":2931},"marketing","f5c828",716,"[Home] Fill page","2022-11-17T11:47:32Z","https://github.com/nuxt/nuxt.com/issues/716",0.68782705,{"description":2938,"labels":2939,"number":2941,"owner":2871,"repository":2895,"state":2896,"title":2942,"updated_at":2943,"url":2944,"score":2945},"Any usage of NuxtLink lead to an error \r\n\r\n```\r\n[Vue warn]: Failed to resolve component: RouterLink\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. \r\n at \u003CNuxtLink to= { name: 'index', params: { userId: '123' } } class=\"text-neutral-501\" onClick=fn\u003ConLinkClick> > \r\n at \u003CUserLink userId=\"123\" ref=\"VTU_COMPONENT\" > \r\n at \u003CVTUROOT>\r\n```\r\n\r\n[Reproduction](https://stackblitz.com/edit/nuxt-vitest-rgzrs9?file=components%2FUserLink.vue)\r\n\r\n",[2940],{"name":2892,"color":2893},590,"Failed to resolve component: RouterLink","2023-12-02T00:37:12Z","https://github.com/nuxt/test-utils/issues/590",0.69264,{"description":2947,"labels":2948,"number":2950,"owner":2871,"repository":2922,"state":2896,"title":2951,"updated_at":2952,"url":2953,"score":2954},"We can create a component for this that will allow us to use it on modules and agencies",[2949],{"name":2905,"color":2920},1195,"[Agencies]: add not found layout if no result","2023-02-15T12:31:15Z","https://github.com/nuxt/nuxt.com/issues/1195",0.70324165,{"description":2956,"labels":2957,"number":2960,"owner":2871,"repository":2911,"state":2896,"title":2961,"updated_at":2962,"url":2963,"score":2964},"https://www.radix-vue.com/components/select.html#scrollupbutton",[2958,2959],{"name":2905,"color":2906},{"name":2908,"color":2909},2145,"[Select] Handle scroll buttons","2025-04-21T20:05:00Z","https://github.com/nuxt/ui/issues/2145",0.7039155,{"labels":2966,"number":2972,"owner":2871,"repository":2871,"state":2896,"title":2973,"updated_at":2974,"url":2975,"score":2976},[2967,2969],{"name":2905,"color":2968},"8DEF37",{"name":2970,"color":2971},"2.x","d4c5f9",4787,"Allow passing an async function to build.templates","2023-02-14T11:06:19Z","https://github.com/nuxt/nuxt/issues/4787",0.70613587,["Reactive",2978],{},["Set"],["ShallowReactive",2981],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDTit8WjntESfz3zPPIXAeWIuYeFGPRsQpUbUiNPxbvY":-1},"/nuxt/nuxt.com/715"]