changed all files to composition API

layouts/default.vue

@@ -8,28 +8,22 @@
 </template>
 
 
-<script>
+<script setup>
+import { ref } from 'vue';
+
 import PageHeader from "./PageHeader.vue";
 import Navigationbar from "./Navigationbar.vue";
 import Actionbar from "./Actionbar.vue";
 
-export default {
-  name: "Page",
-  components: {
-    PageHeader,
-    Navigationbar,
-    Actionbar,
-  },
-  data() {
-    return {
-      darkMode: true,
-    };
-  },
-}
+const darkMode = ref(true)
 
 </script>
   
-  
+<script>
+export default {
+  name: "default",
+}
+</script>
   
 <style scoped>
 * {