Auto prefex component name from parent directories

[drewbaker]

With a complicated website, it's common to have lots of components in many different directories (see screenshot for example).

It would be great to allow for auto-prefix'ing of component names, based on parent directories.

I imagine it could work like this:

export default {
    components: [{ path: "~/components", prefix: true }]
}

So if you had this directory structure:

- /components
- - /block
- - - Work.vue

- - /form
- - - /group
- - - - Radios.vue

You'd get <block-work> and </form-group-radios> as components automatically.

[ofek-a]

This is what I thought the default behavior would be, otherwise, I don't think using @nuxt/components is very scalable/convenient to use if I have many folders and have to manually prefix them (or set the prefix in a config file).

This is how Vuepress used to do it, and I think it works well there.