From a3321d437a083c91385f270a9367c3ab194fb98a Mon Sep 17 00:00:00 2001
From: laiczhang <i@laiczhang.com>
Date: Fri, 22 Apr 2022 22:34:21 +0800
Subject: [PATCH] chore: use ts in components

---
 src/components/backTo/backToSvg.vue |  7 ++-----
 src/components/is-online/index.vue  |  4 ++--
 src/components/menu/c-tree-menu.vue | 16 ++++++----------
 3 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/components/backTo/backToSvg.vue b/src/components/backTo/backToSvg.vue
index e04cab0b..bd39f897 100644
--- a/src/components/backTo/backToSvg.vue
+++ b/src/components/backTo/backToSvg.vue
@@ -22,10 +22,8 @@
   </div>
 </template>
 
-<script>
-export default {
-  props: ['text'],
-}
+<script setup>
+defineProps(['text'])
 </script>
 
 <style lang="scss" scoped>
@@ -37,7 +35,6 @@ export default {
     width: 50px;
     cursor:pointer;
     margin-right: -100px;
-
   }
 .svg-icon {
   width: 50px;
diff --git a/src/components/is-online/index.vue b/src/components/is-online/index.vue
index 1147dd11..f1c7ef07 100644
--- a/src/components/is-online/index.vue
+++ b/src/components/is-online/index.vue
@@ -21,10 +21,10 @@
     </template>
   </el-popover>
 </template>
-<script setup>
+<script setup lang="ts">
 import { useNetwork } from '@vueuse/core'
 
-const { isOnline, offlineAt, saveData, downlink, rtt, effectiveType, type } = useNetwork()
+const { isOnline, offlineAt, saveData, downlink, rtt, effectiveType } = useNetwork()
 </script>
 <style lang="scss" scoped>
 .is-online-user {
diff --git a/src/components/menu/c-tree-menu.vue b/src/components/menu/c-tree-menu.vue
index 022300a9..6be2e16e 100644
--- a/src/components/menu/c-tree-menu.vue
+++ b/src/components/menu/c-tree-menu.vue
@@ -29,18 +29,14 @@
   <!-- </div> -->
 </template>
 
-<script>
+<script setup>
 import { defineComponent } from 'vue'
 
-export default defineComponent({
-  name: 'CTreeMenu',
-  components: {},
-  props: {
-    menus: {
-      type: Array,
-      default: () => {
-        return []
-      },
+defineProps({
+  menus: {
+    type: Array,
+    default: () => {
+      return []
     },
   },
 })