chore: clean up code

Author: Ayideyia

frontend/README.md

@@ -1,11 +1,11 @@
-import { ref, type Ref } from 'vue'
+import { ref } from 'vue'
 
-export const useBool = (initialValue: boolean): [Ref<boolean>, () => void] => {
+export const useBool = (initialValue: boolean) => {
   const value = ref(initialValue)
 
   const toggle = () => {
     value.value = !value.value
   }
 
-  return [value, toggle]
+  return [value, toggle] as const
 }

frontend/src/hooks/useBool.ts

@@ -77,8 +77,7 @@ const groups = computed(() => {
           return a.delay - b.delay
         })
 
-      const chains = []
-      chains.push(group.now)
+      const chains = [group.now]
       let tmp = proxies[group.now]
       while (tmp) {
         tmp.now && chains.push(tmp.now)

frontend/src/views/HomeView/components/GroupsController.vue

@@ -36,8 +36,6 @@ const MixinFormatOptions = [
   { label: 'YAML', value: 'yaml' },
 ]
 
-const MixinEditorKey = ref(0)
-
 const onFormatChange = (val: 'json' | 'yaml', old: 'json' | 'yaml') => {
   try {
     const config = parse(model.value.mixin.config)
@@ -48,7 +46,6 @@ const onFormatChange = (val: 'json' | 'yaml', old: 'json' | 'yaml') => {
         model.value.mixin.config = stringify(config)
       }
     }
-    MixinEditorKey.value += 1
   } catch (e: any) {
     model.value.mixin.format = old
     message.error(e.message || e)
@@ -71,12 +68,7 @@ const onFormatChange = (val: 'json' | 'yaml', old: 'json' | 'yaml') => {
           @change="onFormatChange"
         />
       </div>
-      <CodeViewer
-        :key="MixinEditorKey"
-        v-model="model.mixin.config"
-        :lang="model.mixin.format"
-        editable
-      />
+      <CodeViewer v-model="model.mixin.config" :lang="model.mixin.format" editable />
     </template>
     <template #script>
       <CodeViewer v-model="model.script.code" lang="javascript" editable />