title: How to properly import svg as a VueComponent
body: <p>I have an SVG that I intend to import as a VueComponent in my component from an icons directory,</p>
  <p>here is the icons index.ts file:</p>
  <pre><code>import { VueComponent as Spinner } from './spinner.svg'
  
  export { Spinner }
  </code></pre>
  <p>here is how I'm importing the Spinner SVG:</p>
  <pre><code>import { Spinner } from '../assets/icons'
  
  export default defineComponent({
    components: { Spinner },
    setup () {}
  })
  </code></pre>
  <p>I get an error saying the requested module does not provide an export named VueComponent as shown below. How do I solve this</p>
  <p><a href="https://i.stack.imgur.com/El0Bu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/El0Bu.png" alt="I get an error saying the requested module does not provide an export named VueComponent" /></a></p>