idk how vue works

client/src/App.vue

@@ -1,5 +1,3 @@
-
-
 <template>
   <div>
     <header-bar></header-bar>
@@ -11,7 +9,8 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
+
 import Header from "@/components/Header.vue";
 
 export default {
@@ -19,4 +18,4 @@ export default {
     Header,
   },
 };
-</script>
+</script>

client/src/components/Header.vue

@@ -14,8 +14,8 @@
   </b-navbar>
 </template>
 
-<script>
+<script setup lang="ts">
 export default {
-  name: "Header",
+  name: "Header"
 };
 </script>