changed all files to composition API

pages/clients.vue

@@ -12,36 +12,28 @@
   
   
 <script setup>
-definePageMeta({
-  layout: 'default'
-})
-</script>
+import { ref } from 'vue';
 
-<script>
 import ClientTable from "../components/server/ClientTable.vue";
 import Client from "../components/server/Client.vue";
 import ClientQuickAccess from "../components/server/ClientQuickAccess.vue";
 //import ClientEmployees from "../components/server/ClientEmployees.vue";
 //import ClientEmployee from "../components/server/ClientEmployee.vue";
 
+definePageMeta({
+  layout: 'default'
+})
+
+const darkMode = ref(true)
+</script>
+
+<script>
 export default {
   name: "ClientsPage",
-  components: {
-    ClientTable,
-    Client,
-    ClientQuickAccess,
-  },
-  data() {
-    return {
-      darkMode: true,
-    };
-  },
 }
-
 </script>
   
     
-    
 <style scoped>
 * {
   box-sizing: border-box;