title: vue js : register third party component localy instead of globaly
body: <p>I have a vue js app (Inertia js) and I installed many third party libraries.
  every library I may use one or two times, so I need to register them localy in the component where I need them.</p>
  <p>The problem is the library documentation registers the component globaly and it works, but I do not want them to be global!, it will make the app.js file so large.</p>
  <p>So, I tried to register them localy but it does not work.</p>
  <p>This is an example of one of them: <a href="https://vcalendar.io" rel="nofollow noreferrer">vcalendar.io</a></p>
  <p>inside <strong>app.js</strong></p>
  <pre><code>import VCalendar from 'v-calendar';
  import 'v-calendar/dist/style.css';
  </code></pre>
  <p>...</p>
  <pre><code>app.use(VCalendar)
  </code></pre>
  <p>inside <strong>my component</strong></p>
  <pre><code>&lt;v-calendar /&gt;
  </code></pre>
  <p>and this works fine.</p>
  <p>I tried to do this in <strong>my component</strong></p>
  <pre><code>    &lt;template&gt;
        &lt;v-calendar /&gt;
        &lt;VCalendar /&gt;
      &lt;/template&gt;
  
      &lt;script&gt;
      import VCalendar from 'v-calendar';
      import 'v-calendar/dist/style.css';
      
      export default {
         components: {
           VCalendar
         }
      }
      &lt;/script&gt;
  </code></pre>
  <p>but it does not work and the console has no errors.</p>
  <p>As I mentined, this is one of many libraries do the same thing. I can use them only if I register them globaly.</p>
  <p><strong>Is there a way to make it work when I register the component localy?</strong></p>