VUE JS [NUXT JS] Почему не видно компонент?

Question

[chelkaz]

Это в /layouts/master.vue
// Так сказать основа
Тут подключаю компонент header

<template>
  <div>
    <header/>
    <div class="test">test</div>
    <nuxt/> 
  </div>
</template>

<script>
  import Header from '~components/Header.vue'

  export default {
    components: {
      Header
    }
  }
</script>

Это индексная страница в /pages/index.vue

<template>
  <div>
    <p>Hi from {{ name }}</p>
    <nuxt-link to="/test">Home page</nuxt-link>
  </div>
</template>

<script>
  export default {
    layout: 'master',
    asyncData ({ req }) {
      return {
        name: req ? 'server' : 'client'
      }
    }
  }
</script>

Это компонент который должен в мастер подключится, что самый верхний! Он подключается без ошибок, но не появляется и его нет(
он в /components/Header.vue

<template>
    <div>Тестовый компонент</div>
</template>

Но самое интересное, что если сделать в файле компонента ошибку, то рендер ругается. А если нет ошибок то рендерит но компонент не появляется.

Answer 1

[chelkaz]

Мелочь, но создало проблему... Ответ простой:

Не используйте встроенные или зарезервированные HTML-элементы в качестве идентификатора компонента