From 9974ca1f3d094a2807b12bba22dacad1f921ce5e Mon Sep 17 00:00:00 2001
From: jq1836 <95712150+jq1836@users.noreply.github.com>
Date: Sun, 24 Sep 2023 01:31:35 +0800
Subject: [PATCH] Migrate c-resizer to typescript

---
 frontend/src/components/c-resizer.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/c-resizer.vue b/frontend/src/components/c-resizer.vue
index 4b510029c3..cf9d92721d 100644
--- a/frontend/src/components/c-resizer.vue
+++ b/frontend/src/components/c-resizer.vue
@@ -21,24 +21,25 @@
     slot(name="right")
 </template>
 
-<script>
+<script lang='ts'>
 import { mapState } from 'vuex';
+import { defineComponent } from 'vue';
 
 const DRAG_BAR_WIDTH = 13.25;
 const SCROLL_BAR_WIDTH = 17;
 const GUIDE_BAR_WIDTH = 2;
 
-const throttledEvent = (delay, handler) => {
+const throttledEvent = (delay: number, handler: Function) => {
   let lastCalled = 0;
-  return (...args) => {
+  return (event: MouseEvent) => {
     if (Date.now() - lastCalled > delay) {
       lastCalled = Date.now();
-      handler(...args);
+      handler(event);
     }
   };
 };
 
-export default {
+export default defineComponent({
   name: 'c-resizer',
 
   data() {
@@ -68,7 +69,7 @@ export default {
 
     mouseMove() {
       if (this.isResizing) {
-        return throttledEvent(25, (event) => {
+        return throttledEvent(25, (event: MouseEvent) => {
           this.guideWidth = (
             Math.min(
               Math.max(
@@ -102,5 +103,5 @@ export default {
       this.$store.commit('updateTabState', false);
     },
   },
-};
+});
 </script>