Не могу найти Vue компонент

Question

Я начинаю учиться vue. Сегодня я пытался использовать Typescript с Vue, поэтому мне нужно настроить веб-пакет, чтобы сделать его возможным. Я использую Webstrom и в консоли Typescript мне говорят, что он не может найти модуль Vue. Я собрал проект, и все выглядит хорошо, поэтому я не знаю, была ли эта ошибка из консоли Typescript.

Вот два файла, связанные с этой ошибкой

Main.ts

import Vue from "vue";
import TestComponent from "./components/Test.vue";

let v = new Vue({
  el: "#app",
  template: `
    <div class="div">
        Name: <input v-model="name" type="text">
        <test-component :name="name" :bas="4"/>
    </div>
 `,
  data: {
    name: "World"
  },
  components: {
    TestComponent
  }
});

Test. Vue

<template>
        <div class="div">
            <div class="test">Testing {{name}}</div>
            <button @click="testB"></button>
        </div>
</template>

<script lang="ts">
   import Vue from "vue";

   export default Vue.extend({
     props: ['name', 'bas'],
     data() {
       return {
         a: this.bas
       }
     },
     methods: {
       testB() {
         this.a++;
       }
     },
   });
</script>

<style>
    .test{
        font-size: 24px;
     }
</style>

В этом репо вы можете увидеть код проекта репо