full and strict typescript support

.vscode/settings.json

@@ -1,6 +1,9 @@
 {
   "eslint.enable": true,
   "vetur.validation.template": false,
+  "eslint.validate": ["javascript", "typescript", "vue"],
+  "vetur.experimental.templateInterpolationService": true,
+  "vetur.validation.script": true,
   "vetur.validation.templateProps": true,
   "vetur.validation.interpolation": true,
   "editor.formatOnSave": true,

src/components/App.vue

@@ -31,8 +31,11 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import Basket from './Basket.vue'
-declare const APP_TITLE, APP_VERSION, APP_REPOSITORY, APP_LICENSE
+import Basket from '@/components/Basket.vue'
+declare const APP_TITLE: string,
+  APP_VERSION: string,
+  APP_REPOSITORY: string,
+  APP_LICENSE: string
 
 export default defineComponent({
   components: {

tsconfig.json

@@ -7,6 +7,11 @@
     "isolatedModules": true,
     "resolveJsonModule": true,
     "allowSyntheticDefaultImports": true,
-    "noEmit": true
+    "noEmit": true,
+    "baseUrl": ".",
+    "strict": true,
+    "paths": {
+      "@/*": ["src/*"]
+    }
   }
 }