🚸 Make menu button toggle settings

src/components/titlebar-element.vue

@@ -1,17 +1,28 @@
 <script setup>
 import MenuIcon from "./icons/menu-icon.vue";
 import { computed } from "vue";
-import { useRoute, RouterLink } from "vue-router";
+import { useRoute, useRouter, RouterLink } from "vue-router";
+import { lastRoute } from "../store";
 
 const route = useRoute();
+const router = useRouter();
 const routeName = computed(() => route.name);
+function goBack() {
+  if (routeName.value != "Settings") return;
+  if (lastRoute.value.name) router.go(-1);
+  else router.push("/timetable");
+}
 </script>
 
 <template>
   <div class="titlebar">
     <span class="title">{{ routeName }}</span>
     <div class="settings">
-      <RouterLink to="/settings" v-show="$route.name != 'Login'">
+      <RouterLink
+        to="/settings"
+        v-show="$route.name != 'Login'"
+        @click="goBack()"
+      >
         <MenuIcon />
       </RouterLink>
     </div>