title: How to use 'Vue plugin components' inside my custom vue plugin
body: <p>I'm trying to use vuetify components inside my custom vue plugin that I have created, but it seems that my plugin rendering before the app "knows" that vuetify exists. </p>
  
  <p>i have tried to use Vue.use(Vuetify) inside my plugin but it didn't works and basically, it dosnt make sense to use it in my plugin since i want that the plugin user(developer) will use vuetify as a global dependency in his app so it can seep down to my plugin </p>
  
  <h1>this is my vue html template of the plugin:</h1>
  
  <pre><code>&lt;v-content&gt;
        &lt;v-container fluid fill-height&gt;
          &lt;v-layout justify-center&gt;
          &lt;div v-if="videoLoading"&gt;
            &lt;v-progress-circular v-if="useVuetifyLoader"
              :size="size"
              :width="width"
              :rotate="rotate" 
              :value="videoLoadingProgress*1.5"
              :color="color"
            &gt;
              Downloading...
              {{ `${loadedInMB}/${totalInMb}Mb` }}
            &lt;/v-progress-circular&gt;
            &lt;div v-else&gt;
                Downloading...
                {{ `${loadedInMB}/${totalInMb}Mb` }}
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div v-else&gt;
            &lt;div&gt;
              &lt;div&gt;foo&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/v-layout&gt;
      &lt;/v-container&gt;
    &lt;/v-content&gt;
  </code></pre>
  
  <p>and this is my plugin :</p>
  
  <pre><code>import MyPlugin from '../lib/MyPlugin.vue';
  import Vuetify from 'vuetify'
  
  
  const install = function (Vue, config) {
  
  Vue.component("my-plugin", MyPlugin)
  
  }
  
  
  
  
  export { install }
  
  *and i tried also :*
  
  
  
   import MyPlugin from '../lib/MyPlugin.vue';
      import Vuetify from 'vuetify'
  
  
      const install = function (Vue, config) {
      Vue.use(Vuetify)// &lt;-- did not work
      Vue.component("my-plugin", MyPlugin)
  
      }
  
  
  
  
      export { install }
  </code></pre>
  
  <p><strong>and when I implementing my plugin in other app i'm getting these errors:</strong></p>
  
  <pre><code>Unknown custom element: &lt;v-content&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option
  
   Unknown custom element: &lt;v-container&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  Unknown custom element: &lt;v-layout&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  Unknown custom element: &lt;v-progress-circular&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  </code></pre>