feat(vue2): add vti check command

examples/vue2-ts/package.json

@@ -28,6 +28,8 @@
     "typescript": "~4.3.2",
     "vite": "^2.0.2",
     "vite-plugin-components": "^0.10.2",
+    "vite-plugin-ts-checker": "^0.1.3",
+    "vite-plugin-ts-checker-preset-vls": "^0.0.1",
     "vite-plugin-vue2": "^1.2.1",
     "vue-template-compiler": "^2.6.12"
   }

examples/vue2-ts/src/components/HelloWorld.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hello">
-    <h1>{{ msg }}</h1>
+    <h1>{{ msg1 }}</h1>
     <p>
       For a guide and recipes on how to configure / customize this project,<br />
       check out the

examples/vue2-ts/vite.config.ts

@@ -1,6 +1,8 @@
 import { defineConfig } from 'vite'
 import { createVuePlugin } from 'vite-plugin-vue2'
 import ViteComponents from 'vite-plugin-components'
+import TsChecker from 'vite-plugin-ts-checker'
+import vlsChecker from 'vite-plugin-ts-checker-preset-vls'
 import { resolve } from 'path'
 
 const config = defineConfig({
@@ -9,15 +11,17 @@ const config = defineConfig({
       '@': `${resolve(__dirname, 'src')}`,
     },
   },
-
   base: '/vue-template/',
-
   build: {
     minify: true,
   },
-
-  plugins: [createVuePlugin({}), ViteComponents({ transformer: 'vue2' })],
-
+  plugins: [
+    createVuePlugin({}),
+    ViteComponents({ transformer: 'vue2' }),
+    TsChecker({
+      checker: vlsChecker(),
+    }),
+  ],
   server: {
     port: 8080,
   },

package.json

@@ -31,6 +31,9 @@
     "npm-run-path": "^4.0.1",
     "strip-ansi": "^6.0.0"
   },
+  "peerDependencies": {
+    "vite": "^2.0.0"
+  },
   "devDependencies": {
     "@release-it/conventional-changelog": "^2.0.1",
     "@types/babel__code-frame": "^7.0.2",