migrate to composition API and typescript

src/components/desktop/BtnVerticalGroup.vue

@@ -10,31 +10,36 @@
     </div>
 </template>
 
-<script>
+<script setup lang="ts">
-export default {
+import { computed } from 'vue';
-    props: [
+
-        'disabled',
+interface Button {
-        'buttons',
+    name: string,
-        'modelValue'
+    value: unknown
-    ],
+}
-    emits: [
+
-        'update:modelValue'
+const props = defineProps<{
-    ],
+    modelValue: unknown;
-    computed: {
+    buttons: Button[];
-        value: {
+    disabled?: boolean;
-            get: function () {
+}>();
-                return this.modelValue;
+
+const emit = defineEmits<{
+    (e: 'update:modelValue', value: unknown): void
+}>();
+
+const value = computed<unknown>({
+    get: () => {
+        return props.modelValue;
     },
-            set: function (value) {
+    set: value => {
-                if (value === this.modelValue) {
+        if (value === props.modelValue) {
             return;
         }
 
-                this.$emit('update:modelValue', value);
+        emit('update:modelValue', value);
     }
-        }
+});
-    }
-}
 </script>
 
 <style>