changed all files to composition API

pages/issueSlips.vue

@@ -37,12 +37,8 @@
     
     
 <script setup>
-definePageMeta({
-  layout: 'default'
-})
-</script>
-  
-<script>
+import { ref } from 'vue';
+
 import ClientSearch from "../components/ClientSearch.vue";
 import IssueSlipTable from "../components/server/IssueSlipTable.vue";
 import IssueSlipTableNoClient from "../components/server/IssueSlipTableNoClient.vue";
@@ -50,23 +46,17 @@ import IssueSlip from "../components/server/IssueSlip.vue";
 import OrderingInformation from "../components/server/OrderingInformation.vue";
 import Accounting from "../components/server/Accounting.vue";
 
+definePageMeta({
+  layout: 'default'
+})
+
+const darkMode = ref(true)
+</script>
+  
+<script>
 export default {
   name: "IssueSlipPage",
-  components: {
-    ClientSearch,
-    IssueSlipTable,
-    IssueSlipTableNoClient,
-    IssueSlip,
-    OrderingInformation,
-    Accounting,
-  },
-  data() {
-    return {
-      darkMode: true,
-    };
-  },
 }
-
 </script>