Nuxt•9mo ago•

6 replies

Using index.vue in component folders

I wonder if it's possible to have

index.vue

index.vue

components in a subfolder of the components folder be recognized as a component with the folder's name? Let's say I have the following structure:

- components
  - form
    - form.vue
    - input.vue
    - submit.vue

- components
  - form
    - form.vue
    - input.vue
    - submit.vue

The generated auto-import for the

form.vue

form.vue

component will be

<FormForm>

<FormForm>

. I could place the

form.vue

form.vue

component outside of the

form

form

folder, but it would defeat the point of organizing them. What I'm looking to have is to change the name of

form.vue

form.vue

index.vue

index.vue

and have that component be recognised as

<Form>

<Form>

when auto-importing.

I've looked into the nuxt config's

components

components

property, but I don't see the option to rewrite the name dynamically.