I want to use vite's nested directories in nuxt 3 beta.

In Nuxt 2 I used this config in (nuxt.config.js) and it works:

components: [
{
  path: '~/components', // will get any components nested in let's say /components/test too
  pathPrefix: false,
},],

I have this directory organization:

| components
 - Header.vue
 - Footer.vue
 | sections
  - HeroSection.vue

But I get this error when I try to put <HeroSection/> into pages/index.vue.

[Vue warn]: Failed to resolve component: HeroSection
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Invalid value used as weak map key

Does it no longer work in nuxt 3 and requires additional configuration? Because I can't find anything related in the documentation

Thanks<3