Hot Module Reload and Auto-Imports lost for components placed in the pages/**/components structure
One way of structuring pages and components is to place some components used only in that specific page into its components folder.
1. in pages eg.
2. in
3. when using the
4. when using the
Question 1. Is it possible to introduce auto-imports for point 3 in nuxt 3 or is there a configuration for this already in the current nuxt 3 state?
Question 2. Is it possible to add the Hot Module Reload to components that are nested in the pages structure in nuxt 3 or is there a configuration already to enable it in the current nuxt 3 state?
It might sound silly to mix components with the router, but there is a special case for keeping "private" components nested in the router. Please don't shout at me
Hope there are solutions to keep these components as regular components with auto-imports and hot module reload.
Thank you for any advice!
PS. I know the correct way is to keep components in components/
1. in pages eg.
pages/dashboard/components/SpecialComponent.vuepages/dashboard/index.vue2. in
.nuxtignore/pages/**/components/**3. when using the
SpecialComponent.vuepages/dashboard/index.vue4. when using the
SpecialComponent.vuepages/dashboard/index.vueQuestion 1. Is it possible to introduce auto-imports for point 3 in nuxt 3 or is there a configuration for this already in the current nuxt 3 state?
Question 2. Is it possible to add the Hot Module Reload to components that are nested in the pages structure in nuxt 3 or is there a configuration already to enable it in the current nuxt 3 state?
It might sound silly to mix components with the router, but there is a special case for keeping "private" components nested in the router. Please don't shout at me
Hope there are solutions to keep these components as regular components with auto-imports and hot module reload.Thank you for any advice!
PS. I know the correct way is to keep components in components/
