chore: lint

examples/vite/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "vite --open",
-    "lint": "eslint --ext .js,.ts,.vue ./"
+    "lint": "eslint --ext .js,.ts,.vue ./ && vue-tsc --noEmit"
   },
   "dependencies": {
     "@vue-flow/background": "workspace:*",
@@ -26,6 +26,7 @@
     "vite": "^4.3.5",
     "vite-svg-loader": "^3.6.0",
     "vue": "^3.2.45",
-    "vue-router": "^4.1.6"
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.6.5"
   }
 }

examples/vite/src/CustomConnectionLine/CustomConnectionLine.vue

@@ -1,8 +1,9 @@
-<script setup>
+<script lang="ts" setup>
+import type { Elements } from '@vue-flow/core'
 import { VueFlow } from '@vue-flow/core'
 import ConnectionLine from './ConnectionLine.vue'
 
-const elements = ref([
+const elements = ref<Elements>([
   {
     id: '1',
     type: 'input',

examples/vite/src/Provider/Sidebar.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { useVueFlow } from '@vue-flow/core'
+
 const { nodesSelectionActive, addSelectedNodes, getNodes, viewport } = useVueFlow()
 
 function selectAll() {

examples/vite/tsconfig.json

@@ -5,6 +5,8 @@
     "noEmit": true,
     "declaration": false,
     "resolveJsonModule": true,
+    "emitDeclarationOnly": false,
+    "allowJs": true,
     "types": [
       "vite/client"
     ],