🎨 Make date selector modular

src/App.vue

@@ -4,7 +4,16 @@ import TitleBar from "@/components/titlebar-element.vue";
 import BottomNavbar from "@/components/bottom-navbar.vue";
 import DateSelector from "@/components/date-selector.vue";
 import LoadingElement from "@/components/loading-element.vue";
-import { loading, loadingProgress, loadingFailed, theme } from "@/store";
+import {
+  loading,
+  loadingProgress,
+  loadingFailed,
+  theme,
+  selectedDate,
+  selectedDay,
+  changeDay,
+  changeDate,
+} from "@/store";
 import { computed, ref } from "vue";
 
 const autoThemes = { true: "dark", false: "light" };
@@ -33,7 +42,13 @@ const isDataView = computed(() => route.meta.dataView || false);
     />
     <div class="center">
       <main>
-        <DateSelector v-show="isDataView" />
+        <DateSelector
+          :selectedDate="selectedDate"
+          :selectedDay="selectedDay"
+          @changeDay="(inc) => (changeDay += inc)"
+          @changeDate="(date) => (changeDate = date)"
+          v-show="isDataView"
+        />
         <div class="wrapper">
           <RouterView />
         </div>