fix(Vue-vite): remove @types/react from vite

issue vuejs/language-tools#552.

Author: sabertazimi

packages/vue-trello/src/composables/index.ts

@@ -2,7 +2,7 @@ import { AppStore } from 'src/store';
 
 const moveTask = (
   store: AppStore,
-  event: React.DragEvent,
+  event: DragEvent,
   toColumnIndex: number,
   toTaskIndex?: number
 ) => {
@@ -22,7 +22,7 @@ const moveTask = (
 
 const moveColumn = (
   store: AppStore,
-  event: React.DragEvent,
+  event: DragEvent,
   toColumnIndex: number
 ) => {
   const dataTransfer = event.dataTransfer;
@@ -35,17 +35,20 @@ const moveColumn = (
 
 const move = (
   store: AppStore,
-  event: React.DragEvent,
+  event: DragEvent,
   toColumnIndex: number,
   toTaskIndex?: number
 ) => {
   const dataTransfer = event.dataTransfer;
-  const type = dataTransfer.getData('type');
 
-  if (type === 'column') {
-    moveColumn(store, event, toColumnIndex);
-  } else {
-    moveTask(store, event, toColumnIndex, toTaskIndex);
+  if (dataTransfer) {
+    const type = dataTransfer.getData('type');
+
+    if (type === 'column') {
+      moveColumn(store, event, toColumnIndex);
+    } else {
+      moveTask(store, event, toColumnIndex, toTaskIndex);
+    }
   }
 };
 

packages/vue-trello/src/views/Task.vue

@@ -11,7 +11,7 @@ const task = computed(() => store.getters.getTask(props.id));
 
 const close = () => router.push({ name: 'board' });
 
-const updateTask = (event: React.FormEvent, task: TaskType, key: string) => {
+const updateTask = (event: Event, task: TaskType, key: string) => {
   store.commit('updateTask', {
     task,
     key,

packages/vue-trello/tsconfig.json

@@ -11,7 +11,8 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "baseUrl": ".",
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "types": ["vite/client"]
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
 }