title: How to remove .vue extension from imports when using TypeScript in Vue.JS?
body: <p>I created a project with vue-cli3 and included TypeScript</p>
  
  <p>My <strong>src/app.vue</strong>:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;hello-world msg="test"/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang="ts"&gt;
  import { Component, Vue } from 'vue-property-decorator';
  import HelloWorld from '@/components/HelloWorld';
  
  @Component({
    components: { HelloWorld },
  })
  export default class App extends Vue {}
  &lt;/script&gt;
  </code></pre>
  
  <p>the compiler throwing an error in "Cannot find module '@/components/HelloWorld'"; </p>
  
  <p>The component HelloWorld exists.</p>
  
  <p>However, if I remove the <code>lang="ts"</code> or add the <code>.vue</code> extension then everything compiles fine. In my <strong>tsconfig.json</strong>, i have </p>
  
  <pre><code>  "paths": {
      "@/*": [ "src/*" ]
    },
  </code></pre>
  
  <p>Is it an issue with <code>tsconfig.json</code> or something else?</p>