changed all files to composition API

components/Dashboard.vue

@@ -14,21 +14,17 @@
 </template>
 
 
+<script setup>
+import { ref } from 'vue';
 
-<script>
-
-export default {
-  name: "Dashboard",
-  data() {
-    return {
-      darkMode: true,
-    };
-  },
-}
-
+const darkMode = ref(true)
 </script>
 
-  
+<script>
+export default {
+  name: "Dashboard",
+};
+</script> 
   
   
 <style scoped>
@@ -99,4 +95,5 @@ input {
 .input-lightmode {
   color: #000;
   background-color: #E4E4E4;
-}</style>
+}
+</style>