title: Vue warn : Failed to resolve component
body: <p>I hope you are all well. I'm currently having some issues with using a component that is inside a parent component. I tried a few things but without success...
  The component <strong>ModalBoxActionArticle</strong> doesn't want to show and I have the following error message :</p>
  <blockquote>
  <p>[Vue warn]: Failed to resolve component: ModalBoxActionArticle    at
      at &lt;Home
  onVnodeUnmounted=fn ref=Ref&lt; undefined &gt; &gt;    at
      at </p>
  </blockquote>
  <p>Could you please help me with this? Thanks in advance for your time and help.</p>
  <p>Find below the <strong>vue View</strong> that is at the root of these components:</p>
  <pre><code>&lt;template&gt;
    &lt;div class=&quot;home&quot;&gt;
        &lt;ImageArticle class=&quot;home__component&quot;/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import ImageArticle from &quot;../components/imageArticle&quot;
  
  export default {
    name: 'Home',
    components: {
      ImageArticle,
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>Find below the <strong>ImageArticle</strong> component (I removed the style)</p>
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;article class=&quot;postWithImage&quot;&gt;
              &lt;ModalBoxActionArticle/&gt;
              &lt;div class=&quot;postWithImage__1div&quot;&gt;
                  &lt;picture class=&quot;postWithImage__pictureProfile&quot;&gt;
                      &lt;img class=&quot;postWithImage__imgProfile&quot; src=&quot;../assets/EugenieProfile.jpeg&quot; alt=&quot;photo de profile de la personne qui a publié l'image&quot;&gt;
                  &lt;/picture&gt;
                  .... here I removed some html to make it more readable ....
  
          &lt;/article&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import ModalBoxActionArticle from '../components/modalBoxActionArticle'
  
  export default {
      name: 'ImageArticle',
      component : {
          ModalBoxActionArticle
      },
      setup() {
          console.log('%c loading ImageArticle component', 'color:green');
          return {};
      },
  }
  &lt;/script&gt;
  </code></pre>
  <p>Last but not least find below, the component <strong>ModalBoxActionArticle</strong> that is inside the <strong>ImageArticle</strong> component</p>
  <pre><code>&lt;template&gt;
      &lt;div class=&quot;modal&quot;&gt;
          &lt;button class=&quot;modal__btt modal__btt--alert&quot;&gt;Signaler&lt;/button&gt;
          &lt;button class=&quot;modal__btt&quot;&gt;Partager&lt;/button&gt;
          &lt;button class=&quot;modal__btt&quot;&gt;Modifier&lt;/button&gt;
          &lt;button class=&quot;modal__btt modal__btt--alert&quot;&gt;Supprimer&lt;/button&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      name: &quot;ModalBoxActionArticle&quot;,
      setup() {
          console.log('%cloading ModalBoxActionArticle newest component', 'color:red');
          return {};
      },
  }
  &lt;/script&gt;
  </code></pre>