changed all files to composition API

pages/home.vue

@@ -13,32 +13,24 @@
   
   
 <script setup>
-definePageMeta({
-  layout: 'empty'
-})
-</script>
+import { ref } from 'vue';
 
-<script>
 import Navigationbar from "../layouts/Navigationbar.vue";
 import Dashboard from "../components/Dashboard.vue";
 import QuickAccess from "../components/QuickAccess.vue";
 
+definePageMeta({
+  layout: 'empty'
+})
+
+const darkMode = ref(true)
+</script>
+
+<script>
 export default {
   name: "HomePage",
-  components: {
-    Navigationbar,
-    Dashboard,
-    QuickAccess,
-  },
-  data() {
-    return {
-      darkMode: true,
-    };
-  },
 }
-
-</script>
-    
+</script>   
     
     
 <style>