changed all files to composition API

components/server/ProductionOrdersTemplate.vue

@@ -14,7 +14,7 @@
             </div>
             <div class="user">
                 <div class="data-field" id="empty">
-                   &nbsp;
+                    &nbsp;
                 </div>
                 <div class="data-field" id="user">
                     <pre :class="['label', darkMode ? 'div-darkmode' : 'div-lightmode']">User:</pre>
@@ -40,21 +40,17 @@
 </template>
     
     
-    
-<script>
-
-export default {
-    name: "MaintenanceVisitsTemplate",
-    data() {
-        return {
-            darkMode: true,
-        };
-    },
-}
+<script setup>
+import { ref } from 'vue';
 
+const darkMode = ref(true)
 </script>
-   
-      
+
+<script>
+export default {
+    name: "ProductionOrdersTemplate",
+};
+</script>       
       
       
 <style scoped>