From c868192bc3eea6ad515fbf5b20f70aa8d628f92f Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 5 Oct 2021 06:03:57 +0800
Subject: [PATCH] fix(Vue-vite): remove @types/react from vite (#76)

* chore(deps): lock file maintenance

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

issue johnsoncodehk/volar#552.

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: sabertazimi <sabertazimi@gmail.com>
---
 packages/vue-trello/src/composables/index.ts | 19 +++++++++++--------
 packages/vue-trello/src/views/Task.vue       |  2 +-
 packages/vue-trello/tsconfig.json            |  3 ++-
 yarn.lock                                    | 18 +++++++++---------
 4 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/packages/vue-trello/src/composables/index.ts b/packages/vue-trello/src/composables/index.ts
index db9ca951..c957187b 100644
--- a/packages/vue-trello/src/composables/index.ts
+++ b/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);
+    }
   }
 };
 
diff --git a/packages/vue-trello/src/views/Task.vue b/packages/vue-trello/src/views/Task.vue
index 229d40a5..022902ec 100644
--- a/packages/vue-trello/src/views/Task.vue
+++ b/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,
diff --git a/packages/vue-trello/tsconfig.json b/packages/vue-trello/tsconfig.json
index 5d4ae17e..a1f233ba 100644
--- a/packages/vue-trello/tsconfig.json
+++ b/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"]
 }
diff --git a/yarn.lock b/yarn.lock
index d8edae66..1c35c83f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6350,9 +6350,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30000981, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001125, caniuse-lite@npm:^1.0.30001260, caniuse-lite@npm:^1.0.30001261":
-  version: 1.0.30001263
-  resolution: "caniuse-lite@npm:1.0.30001263"
-  checksum: 0657b995276a35aaa9ff6900b6e9d3876ef049c8d6065fe9f162cc0b9ac00d8b9c6e6740e87def73876a522dce8e9124170334c157cfbf5c383b7c6db79e520e
+  version: 1.0.30001264
+  resolution: "caniuse-lite@npm:1.0.30001264"
+  checksum: 6ef70711a52d1ce973b4577b172f2ce182a0f1b3f8dac84c09ac7972c7a1bb0a39f611e93bf5c59c95db913b9ece9596eb211c9bda5177d77b19ae49441ddb4f
   languageName: node
   linkType: hard
 
@@ -9267,9 +9267,9 @@ __metadata:
   linkType: hard
 
 "eventemitter2@npm:^6.3.1":
-  version: 6.4.4
-  resolution: "eventemitter2@npm:6.4.4"
-  checksum: b5e707039973d5a770bc4c64255604df66df3a1f63389dccb7118af163b9f790ca7596463d7868426339301ad9de5ef1c3f4a9c7ac3b93874c5ca792916dede1
+  version: 6.4.5
+  resolution: "eventemitter2@npm:6.4.5"
+  checksum: 84504f9cf0cc30205cdd46783fe9df3733435e5097f13070b678023110b5ef07847651808ae280cd94c42cd5976880211c7a40321a8ff8fa56f7c5f9c5c11960
   languageName: node
   linkType: hard
 
@@ -19843,8 +19843,8 @@ typescript@^4.4.3:
   linkType: hard
 
 "vscode-vue-languageservice@npm:^0.27.0":
-  version: 0.27.25
-  resolution: "vscode-vue-languageservice@npm:0.27.25"
+  version: 0.27.28
+  resolution: "vscode-vue-languageservice@npm:0.27.28"
   dependencies:
     "@volar/code-gen": ^0.27.24
     "@volar/html2pug": ^0.27.13
@@ -19864,7 +19864,7 @@ typescript@^4.4.3:
     vscode-languageserver-textdocument: ^1.0.1
     vscode-pug-languageservice: ^0.27.24
     vscode-typescript-languageservice: ^0.27.25
-  checksum: 1ed96f8bf46ae6f11aa8df2049400dbaa57d79928153b0b454700d9a9a5ff430965c7a2826569d7025310e2b44f0defc0d0cf64a2307936ec435ad71c7e6b6c3
+  checksum: d7cf6026b7b6c5c111cd861373c5417bad54bcae44b08b792c9f987a38b095993229a2faa9a08df61673b44717d0a43f56c67e7e3826351c75c45ad3f25ced19
   languageName: node
   linkType: hard