changed all files to composition API

layouts/empty.vue

@@ -6,23 +6,18 @@
 </template>
   
   
-<script>
+<script setup>
 import PageHeader from "../layouts/PageHeader.vue";
 
-export default {
-  name: "Page",
-  components: {
-    PageHeader,
-  },
-  data() {
-    return {
-      darkMode: true,
-    };
-  },
-}
+const darkMode = ref(true)
 
 </script>
-    
+
+<script>
+export default {
+  name: "empty",
+}
+</script>    
     
     
 <style scoped>