title: Import multiple lazy-loaded vue component children into Parent
body: <p>I have many components that use the same children components. I am trying to save myself some time and code by importing all of the components in a .js file, Similar to using mixins in vue. and then import that file into the parent component. Unfortunately the parent component does not recognize these imported components. Seems like a simple ask but having trouble implementing it.</p>
  
  <p>When I log Children in the parent I get a components object with the two vue components I am just not sure how to utilize it in the parent component. I would import them globally however not every component need them so it wouldn't be very efficient.</p>
  
  <p>I also feel like I am importing Components twice into the parent but again  am unsure of how to accomplish this so though I would post what I have so far.</p>
  
  <p>thanks for your help</p>
  
  <pre><code>**Children**
  
      export default {
        components: {
          Popover: () =&gt; import('@/components/inline-components/popover'),
          Button: () =&gt; import('@/components/inline-components/button')
        }
      }
  
  
  **Parent**
  
  &lt;template&gt;
  &lt;Button&gt;I am the Button&lt;/Button&gt;
  &lt;/template&gt;
  
  import Children from 'utilities/children'
  
  export default {
      components: {
          Children
      }
  }
  </code></pre>