chore: use ts in components

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;

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 {

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 []
     },
   },
 })