title: How can I make Volar aware of globally available components in Vue 3?
body: <p>So I'm working on a brand new project with Vue 3 and Volar as the extension in VSCode.
  And I'm using a component library, CoreUI. So in my <code>main.ts</code> I now have this code.</p>
  <pre><code>import { createApp } from 'vue'
  import App from './App.vue'
  import CoreuiVue from '@coreui/vue'
  
  const app = createApp(App);
  app.use(CoreuiVue);
  </code></pre>
  <p>Which now means that in any other SFC I can just use any CoreUI component, like for example <code>&lt;CAlert color=&quot;primary&quot;&gt;A simple alert!&lt;/CAlert&gt;</code>, without needing to import it.</p>
  <p>And it compiles just fine. During compiling I get no complaints from TypeScript or ESLint about not having properly imported a component. So it seems like those tools are aware that these components are now globally available.</p>
  <p>However, Volar is not and depicts that <code>CAlert</code> like this:</p>
  <p><a href="https://i.stack.imgur.com/J11xE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/J11xE.png" alt="CAlert not recognized as the component it is" /></a></p>
  <p>In other words, it doesn't recognize <code>CAlert</code> and can't give me any intellisense on it, like what it's properties and property-types are.</p>
  <p>How can I make Volar understand that all CoreUI's components are just globally available?</p>