🎨 Define data routes in router config

src/App.vue

@@ -17,14 +17,7 @@ colorSchemeMedia.addEventListener(
 );
 
 const route = useRoute();
-const routeName = computed(() => route.name);
-const isDataView = computed(() => {
-  return (
-    routeName.value != "title.settings" &&
-    routeName.value != "title.login" &&
-    routeName.value != "title.token"
-  );
-});
+const isDataView = computed(() => route.meta.dataView || false);
 </script>
 
 <template>

src/router/index.js

@@ -19,16 +19,25 @@ const router = createRouter({
       path: "/timetable",
       name: "title.timetable",
       component: TimetableView,
+      meta: {
+        dataView: true,
+      },
     },
     {
       path: "/substitutions",
       name: "title.substitutions",
       component: SubstitutionView,
+      meta: {
+        dataView: true,
+      },
     },
     {
       path: "/history",
       name: "title.history",
       component: HistoryView,
+      meta: {
+        dataView: true,
+      },
     },
     {
       path: "/settings",