title: Use global component in a async components
body: <p>I have created a async component using Vue. It is loaded somewhere in the server. I would like to use some global component, like ui component[Vuetify], in the component, but the browser said it is not registered. can any one give me some advice.</p>
  
  <p>The browser give me this error
  Unknown custom element:  - did you register the component correctly? For recursive components, make sure to provide the "name" option.</p>
  
  <pre><code>&lt;template&gt;
     &lt;v-icon&gt;home&lt;/v-icon&gt;
  &lt;/template&gt;
  &lt;script lang="ts"&gt;
  import { Component, Vue } from 'vue-property-decorator'
  const RemoteComponent = new Promise(resolve =&gt; {
     // it is loaded from server
     resolve({
       template: '&lt;v-icon&gt;home&lt;/v-icon&gt;'
     })
  })
  @Component({
     components: {
       RemoteComponent
     }
  })
  export default class LocalComponent extends Vue {}
  &lt;/script&gt;
  </code></pre>
  
  <p>Can anybody help me?</p>