changed all files to composition API

components/server/Asset.vue

@@ -50,22 +50,17 @@
     </section>
 </template>
     
-    
-    
-<script>
+<script setup>
+import { ref } from 'vue';
 
+const darkMode = ref(true)
+</script>
+
+<script>
 export default {
     name: "Asset",
-    data() {
-        return {
-            darkMode: true,
-        };
-    },
-}
-
+};
 </script>
-    
-      
       
       
 <style scoped>
@@ -150,13 +145,13 @@ export default {
 }
 
 .data-darkmode {
-  background-color: #212121;
-  color: #fff;
+    background-color: #212121;
+    color: #fff;
 }
 
 .data-lightmode {
-  background-color: #EBEBEB;
-  color: #000;
+    background-color: #EBEBEB;
+    color: #000;
 }
 
 .data#notes,
@@ -207,6 +202,7 @@ export default {
 .h3-lightmode {
     color: #000;
 }
+
 .id-type {
     display: flex;
     flex-direction: row;
@@ -241,10 +237,10 @@ export default {
 }
 
 .rectangle-darkmode {
-  background-color: #212121;
+    background-color: #212121;
 }
 
 .rectangle-lightmode {
-  background-color: #EBEBEB;
+    background-color: #EBEBEB;
 }
 </style>