\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncomponents/content/Container.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nlayouts/full.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"custom-layout\">\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncontent/index.md:\r\n```markdown\r\n---\r\nlayout: 'full'\r\n---\r\n\r\n:component-with-icon\r\n\r\n::container\r\nSlot nr 1\r\n::::container\r\nSlot nr 2\r\n::::\r\n::\r\n```\r\n\r\nThis bug prevents the site from being used in development mode due to the infinity loop. The problem does not occur in the latest beta version of nuxt-icon, but in the original project I use nuxt-ui, which uses the old version \r\n",[],157,"icon","Infinite WARN loop with slots and nuxt-content","2024-09-06T11:17:31Z","https://github.com/nuxt/icon/issues/157",0.71569926,{"description":2956,"labels":2957,"number":2961,"owner":2908,"repository":2908,"state":2910,"title":2962,"updated_at":2963,"url":2964,"score":2965},"Hi all,\r\nthanks for nuxt! I love this project. Still figuring out the feature rich possibilties with it, especially also with vue itself. \r\nNow I'm kinda stuck with \"async components\" and as I couldn't find a related post I thought this could - in case it gets answered ;) - help other people as well.\r\n\r\nI've tried to use the syntax mentioned here: https://vuejsdevelopers.com/2017/07/17/vue-js-2-4-important-features/ to load components asynchronous.\r\n```\r\nimport SyncComponent from './SyncComponent.vue';\r\nconst AsyncComponent = import('./AsyncComponent.vue');\r\n\r\nexport default {\r\n components: {\r\n SyncComponent,\r\n AsyncComponent\r\n }\r\n}\r\n```\r\nThe befenit of this style should be that SSR stil works, but on the client it get's laoded via ajax. Unfortnautely this does not work. The AsyncComponent is not found in this case.\r\n\r\nWhat does work though is \r\n`const AsyncComponent = () => import('~/AsyncComponent.vue'); `\r\n\r\nBut then as far as I can tell, SSR is not working.\r\n\r\nany idea how to accomplish this correctly with nuxt? Or why it does not work by default? Has nuxt regardings async components something else to keep in mind?\r\n\r\nThanks\r\nSimon\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/c1939\">#c1939\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2958],{"name":2959,"color":2960},"2.x","d4c5f9",2198,"import of async components","2023-01-18T15:54:59Z","https://github.com/nuxt/nuxt/issues/2198",0.7171187,{"labels":2967,"number":2971,"owner":2908,"repository":2908,"state":2910,"title":2972,"updated_at":2973,"url":2974,"score":2975},[2968,2970],{"name":2905,"color":2969},"8DEF37",{"name":2959,"color":2960},6517,"Add example on how to use with @vue/composition-api","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6517",0.7207931,{"description":2977,"labels":2978,"number":2985,"owner":2908,"repository":2908,"state":2910,"title":2986,"updated_at":2987,"url":2988,"score":2989},"### Describe the feature\n\nI have a component like this\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CHomepageSection class=\"pt-10 sm:pt-36\" ref=\"section\">\r\n \u003C!-- ... -->\r\n \u003C/HomepageSection>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\n const section = ref\u003CInstanceType\u003Ctypeof HomepageSection> | null>(null) // This typeof HomepageSection won't work 😔\r\n\u003C/script>\r\n```\r\n\r\n`typeof HomepageSection` won't work. But if we look into vue [docs](https://vuejs.org/guide/typescript/composition-api.html#typing-component-props) This should work with the component import so if we refactor our code like this:\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\n import { HomepageSection } from '#components';\r\n\r\n const section = ref\u003CInstanceType\u003Ctypeof HomepageSection> | null>(null) // This will work now 👍\r\n\u003C/script>\r\n```\r\n\r\nSo I want that it should be auto-imported like components do in nuxt\r\n\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2979,2982],{"name":2980,"color":2981},"discussion","538de2",{"name":2983,"color":2984},"types","2875C3",22510,"Add InstanceType with auto-import custom components","2025-06-10T13:50:34Z","https://github.com/nuxt/nuxt/issues/22510",0.72375655,{"labels":2991,"number":2994,"owner":2908,"repository":2908,"state":2910,"title":2995,"updated_at":2996,"url":2997,"score":2998},[2992,2993],{"name":2905,"color":2969},{"name":2959,"color":2960},9939,"fetch hook with optionMergeStrategies","2024-06-14T16:02:16Z","https://github.com/nuxt/nuxt/issues/9939",0.7258192,{"labels":3000,"number":3005,"owner":2908,"repository":2908,"state":2910,"title":3006,"updated_at":3007,"url":3008,"score":3009},[3001,3002],{"name":2905,"color":2969},{"name":3003,"color":3004},"3.x","29bc7f",12790,"Support `global: false` for components","2023-01-19T16:35:12Z","https://github.com/nuxt/nuxt/issues/12790",0.72634965,["Reactive",3011],{},["Set"],["ShallowReactive",3014],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fC7kBX3jbJTPDN4cMv-42jBqaz15_iRFkTRUL7YOvBJk":-1},"/nuxt/ui/3156"]