How do I properly structure components in nuxt?

Question

Vue.js

Hello, I have a project on nuxt.js
I created components in the components folder and used them, but as soon as I wanted to structure my components it stopped working for me (It was expected)
, I created a navbar folder in the components folder and put my elements there, after which it stopped working correctly.


Please tell me how to do it right

Answer 1

Disable auto-import of components in nuxt.config.js via components: falseand import them manually in the required component/page:

<script>
import logotype from '@/components/navbar/logotype'
export default {
  components: {
    logotype
  }
}
</script>

Or, if you still want auto-import, read the docs here .