changed all files to composition API

components/server/IssueSlip.vue

@@ -33,20 +33,17 @@
 </template>
     
     
-    
-<script>
+<script setup>
+import { ref } from 'vue';
 
+const darkMode = ref(true)
+</script>
+
+<script>
 export default {
     name: "IssueSlip",
-    data() {
-        return {
-            darkMode: true,
-        };
-    },
-}
-
-</script>
-   
+};
+</script>   
       
       
       
@@ -133,13 +130,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;
 }
 
 .issueSlip-data {
@@ -209,5 +206,4 @@ export default {
     padding: 0.625rem 1.875rem 0.625rem 1.25rem;
     padding-top: 0rem;
 }
-
 </style>