feat: 小功能优化&前端基于setup语法糖重构

mayfly_go_web/src/views/ops/machine/SshTerminalPage.vue

@@ -4,36 +4,27 @@
     </div>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
 import SshTerminal from './SshTerminal.vue';
-import { reactive, toRefs, defineComponent, onMounted } from 'vue';
+import { reactive, toRefs, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 
-export default defineComponent({
-    name: 'SshTerminalPage',
-    components: {
-        SshTerminal,
-    },
-    props: {
-        machineId: { type: Number },
-    },
-    setup() {
-        const route = useRoute();
-        const state = reactive({
-            machineId: 0,
-            height: 700,
-        });
+const route = useRoute();
+const state = reactive({
+    machineId: 0,
+    height: 700,
+});
 
-        onMounted(() => {
-            state.height = window.innerHeight + 5;
-            state.machineId = Number.parseInt(route.query.id as string);
-        });
+const {
+    machineId,
+    height,
+} = toRefs(state)
 
-        return {
-            ...toRefs(state),
-        };
-    },
+onMounted(() => {
+    state.height = window.innerHeight + 5;
+    state.machineId = Number.parseInt(route.query.id as string);
 });
 </script>
 <style lang="scss">
+
 </style>