Почему не работает автоподгрузка компонентов в Nuxt.js with TypeScript?

Question

[Максим]

в nuxt.config.js стоит components: true

но в шаблоне, если не делаю импорт компонента, то он автоматически не подгружается
так не работает

<template>
  <div>
    <Header />
    <Nuxt />
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
})
</script>

а так работает

<template>
  <div>
    <Header />
    <Nuxt />
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import Header from '@/components/layout/Header.vue'
export default Vue.extend({
  components: {
    Header,
  },
})
</script>

Answer 1

[Константин Величко]

Если вкладываете свои компонеты в подпапки то к имени добавляйте имя папки префиксом
Например для структуры файлов

components/
--| my/
----| form/
------| TextArea.vue

MyFormTextArea а в вашем случае LayoutHeader
https://github.com/nuxt/components#nested-components

Answer 2

[Алексей Ярков]

Видимо надо в корень каталога components положить

Comments

[Максим]

вот такая структура сейчас

[Алексей Ярков]

Максим, что вы не поняли в фразе надо в корень каталога components положить? Положите свой компонент в корень и проверьте.