changed all files to composition API

pages/productionOrders.vue

@@ -40,12 +40,8 @@
     
     
 <script setup>
-definePageMeta({
-    layout: 'default'
-})
-</script>
-  
-<script>
+import { ref } from 'vue';
+
 import ClientSearch from "../components/ClientSearch.vue";
 import ProductionOrdersTemplateTable from "../components/server/ProductionOrdersTemplateTable.vue";
 import ProductionOrdersTemplateTableNoClient from "../components/server/ProductionOrdersTemplateTableNoClient.vue";
@@ -56,28 +52,18 @@ import ProductionOrdersInstanceTable from "../components/server/ProductionOrders
 import ProductionOrdersInstance from "../components/server/ProductionOrdersInstance.vue";
 import InstanceChecklist from "../components/server/InstanceChecklist.vue";
 
+definePageMeta({
+    layout: 'default'
+})
+
+const darkMode = ref(true)
+</script>
+  
+<script>
 export default {
     name: "ProductionOrdersPage",
-    components: {
-        ClientSearch,
-        ProductionOrdersTemplateTable,
-        ProductionOrdersTemplateTableNoClient,
-        ProductionOrdersTemplate,
-        TemplateChecklist,
-        TemplateSearch,
-        ProductionOrdersInstanceTable,
-        ProductionOrdersInstance,
-        InstanceChecklist,
-    },
-    data() {
-        return {
-            darkMode: true,
-        };
-    },
 }
-
-</script>
-      
+</script>     
       
       
 <style scoped>
@@ -121,7 +107,7 @@ export default {
 }
 
 .button {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 .h1-darkmode {