title: Unknown custom element: <my-company-form-extra> - did you register the component correctly?
body: <p>I am trying to render a component with the is directive</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;v-tabs v-model=&quot;currentTab&quot; fixed-tabs&gt;
        &lt;v-tab v-for=&quot;(item, i) in tabItems&quot; :key=&quot;i&quot;&gt;{{ item }} &lt;/v-tab&gt;
      &lt;/v-tabs&gt;
      &lt;v-form ref=&quot;form&quot; v-model=&quot;isValid&quot; lazy-validation&gt;
        &lt;v-tabs-items v-model=&quot;currentTab&quot;&gt;
          &lt;v-tab-item v-for=&quot;(item, i) in tabItems&quot; :key=&quot;i&quot;&gt;
            &lt;component :is=&quot;'my-company-form-general'&quot;&gt;&lt;/component&gt;
            &lt;my-company-form-general /&gt;
          &lt;/v-tab-item&gt;
        &lt;/v-tabs-items&gt;
      &lt;/v-form&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>This works <code>&lt;my-company-form-general /&gt;</code></p>
  <p>but this doesn't</p>
  <pre><code>&lt;component :is=&quot;'my-company-form-general'&quot;&gt;&lt;/component&gt;
  </code></pre>
  <p>I also tried by file name</p>
  <pre><code>&lt;component :is=&quot;'MyCompantFormGeneral'&quot;&gt;&lt;/component&gt;
  </code></pre>
  <p>Why doesn't it work?</p>
  <p>I'm using nuxt v2.14.6</p>
  <p>The component is called <code>MyCompanyFormGeneral.vue</code> and it is in the same folder</p>
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          General Component
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang=&quot;ts&quot;&gt;
      import Vue from 'vue'
  
      export default Vue.extend({
  
      })
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>