\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`)",[2917],{"name":2918,"color":2919},"documentation","5319e7",15448,"Dynamic component imports doesn't work","2024-11-30T16:12:15Z","https://github.com/nuxt/nuxt/issues/15448",0.70765996,{"description":2926,"labels":2927,"number":2931,"owner":2908,"repository":2932,"state":2933,"title":2934,"updated_at":2935,"url":2936,"score":2937},"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",[2928],{"name":2929,"color":2930},"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":2939,"labels":2940,"number":2947,"owner":2908,"repository":2948,"state":2933,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### 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? :)",[2941,2944],{"name":2942,"color":2943},"enhancement","a2eeef",{"name":2945,"color":2946},"v3","49DCB8",3156,"ui","BadgeGroups!","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3156",0.67397845,{"description":2954,"labels":2955,"number":2958,"owner":2908,"repository":2959,"state":2933,"title":2960,"updated_at":2961,"url":2962,"score":2963},"",[2956],{"name":2942,"color":2957},"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":2954,"labels":2965,"number":2969,"owner":2908,"repository":2959,"state":2933,"title":2970,"updated_at":2971,"url":2972,"score":2973},[2966],{"name":2967,"color":2968},"marketing","f5c828",716,"[Home] Fill page","2022-11-17T11:47:32Z","https://github.com/nuxt/nuxt.com/issues/716",0.68782705,{"description":2975,"labels":2976,"number":2978,"owner":2908,"repository":2932,"state":2933,"title":2979,"updated_at":2980,"url":2981,"score":2982},"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",[2977],{"name":2929,"color":2930},590,"Failed to resolve component: RouterLink","2023-12-02T00:37:12Z","https://github.com/nuxt/test-utils/issues/590",0.69264,{"description":2984,"labels":2985,"number":2987,"owner":2908,"repository":2959,"state":2933,"title":2988,"updated_at":2989,"url":2990,"score":2991},"We can create a component for this that will allow us to use it on modules and agencies",[2986],{"name":2942,"color":2957},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":2993,"labels":2994,"number":2997,"owner":2908,"repository":2948,"state":2933,"title":2998,"updated_at":2999,"url":3000,"score":3001},"https://www.radix-vue.com/components/select.html#scrollupbutton",[2995,2996],{"name":2942,"color":2943},{"name":2945,"color":2946},2145,"[Select] Handle scroll buttons","2025-04-21T20:05:00Z","https://github.com/nuxt/ui/issues/2145",0.7039155,{"labels":3003,"number":3009,"owner":2908,"repository":2908,"state":2933,"title":3010,"updated_at":3011,"url":3012,"score":3013},[3004,3006],{"name":2942,"color":3005},"8DEF37",{"name":3007,"color":3008},"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",3015],{},["Set"],["ShallowReactive",3018],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDTit8WjntESfz3zPPIXAeWIuYeFGPRsQpUbUiNPxbvY":-1},"/nuxt/nuxt.com/715"]