update components

app/src/components/TerminalPart.vue

@@ -1,3 +1,16 @@
+<script setup lang="ts">
+import { Ref, onMounted, ref } from 'vue'
+import { useTerminal } from '../store/session'
+
+const terminal: Ref<any> = ref(null)
+
+onMounted(() => {
+  const term = useTerminal()
+  term.mount(terminal.value)
+  window.addEventListener('resize', () => term.resizeScreen())
+})
+</script>
+
 <template>
   <font-awesome-icon :icon="['fas', 'terminal']" class="text-text p-1" />
   <button id="Terminal" class="text-text h-[5%]">
@@ -10,16 +23,3 @@
     class="bg-bg-secondary h-[calc(100%-5%)] p-0.5"
   ></div>
 </template>
-
-<script setup>
-import { onMounted, ref } from 'vue'
-import { useTerminal } from '../store/session'
-
-const terminal = ref(null)
-
-onMounted(() => {
-  const term = useTerminal()
-  term.mount(terminal.value)
-  window.addEventListener('resize', () => term.resizeScreen())
-})
-</script>