♻️ Replace relative paths with "@" alias

src/App.vue

@@ -1,10 +1,10 @@
 <script setup>
 import { RouterView, useRoute } from "vue-router";
-import TitleBar from "./components/titlebar-element.vue";
+import TitleBar from "@/components/titlebar-element.vue";
-import BottomNavbar from "./components/bottom-navbar.vue";
+import BottomNavbar from "@/components/bottom-navbar.vue";
-import DateSelector from "./components/date-selector.vue";
+import DateSelector from "@/components/date-selector.vue";
-import LoadingElement from "./components/loading-element.vue";
+import LoadingElement from "@/components/loading-element.vue";
-import { loading, loadingProgress, loadingFailed, theme } from "./store";
+import { loading, loadingProgress, loadingFailed, theme } from "@/store";
 import { computed, ref } from "vue";
 
 const autoThemes = { true: "dark", false: "light" };

src/components/date-selector.vue

@@ -1,8 +1,8 @@
 <script setup>
-import { selectedDate, selectedDay, changeDay, changeDate } from "../store";
+import { selectedDate, selectedDay, changeDay, changeDate } from "@/store";
 import { ArrowLeftIcon, ArrowRightIcon } from "lucide-vue-next";
 import dayjs from "dayjs";
-import { getDateSkippingWeekend } from "../util";
+import { getDateSkippingWeekend } from "@/util";
 
 const dayNames = [
   "days.sunday",

src/components/day-carousel.vue

@@ -1,10 +1,10 @@
 <script setup>
-import { selectedDate, changeDate, changeDay } from "../store";
+import { selectedDate, changeDate, changeDay } from "@/store";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import { Virtual } from "swiper";
 import { ref, watch } from "vue";
-import { getDateSkippingWeekend } from "../util";
+import { getDateSkippingWeekend } from "@/util";
-import ScrollableContainer from "../components/scrollable-container.vue";
+import ScrollableContainer from "@/components/scrollable-container.vue";
 
 defineProps({
   element: {

src/components/history-list.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { history, loadingFailed } from "../store";
+import { history, loadingFailed } from "@/store";
-import { getSubstitutionText } from "../util";
+import { getSubstitutionText } from "@/util";
 import { computed } from "vue";
 import dayjs from "dayjs";
-import InfoCard from "./info-card.vue";
+import InfoCard from "@/components/info-card.vue";
 import { ClockIcon, AlarmClockOffIcon, CloudOffIcon } from "lucide-vue-next";
 
 const props = defineProps({

src/components/substitution-list.vue

@@ -1,8 +1,8 @@
 <script setup>
-import { substitutions, loadingFailed } from "../store";
+import { substitutions, loadingFailed } from "@/store";
-import { getSubstitutionText, getSubstitutionColor } from "../util";
+import { getSubstitutionText, getSubstitutionColor } from "@/util";
 import { computed } from "vue";
-import InfoCard from "./info-card.vue";
+import InfoCard from "@/components/info-card.vue";
 import { BellOffIcon, ClockIcon, CloudOffIcon } from "lucide-vue-next";
 
 const props = defineProps({

src/components/timetable-list.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { timetable, parsedTimetable, substitutions } from "../store";
+import { timetable, parsedTimetable, substitutions } from "@/store";
-import { getSubstitutionColor } from "../util";
+import { getSubstitutionColor } from "@/util";
 import { computed } from "vue";
 
 const props = defineProps({

src/components/titlebar-element.vue

@@ -2,7 +2,7 @@
 import { MenuIcon } from "lucide-vue-next";
 import { computed } from "vue";
 import { useRoute, useRouter, RouterLink } from "vue-router";
-import { lastDataRoute } from "../router/index";
+import { lastDataRoute } from "@/router/index";
 
 const route = useRoute();
 const router = useRouter();

src/i18n.js

@@ -1,5 +1,5 @@
 import { createI18n } from "vue-i18n";
-import { strings } from "./strings";
+import { strings } from "@/strings";
 import { ref, watch } from "vue";
 
 export const language = ref(localStorage.getItem("lang") || "en");

src/main.js

@@ -1,8 +1,8 @@
 import { createApp } from "vue";
-import App from "./App.vue";
+import App from "@/App.vue";
-import router from "./router";
+import router from "@/router";
 import { registerSW } from "virtual:pwa-register";
-import i18n from "./i18n";
+import i18n from "@/i18n";
 
 const app = createApp(App);
 

src/router/index.js

@@ -1,12 +1,12 @@
 import { createRouter, createWebHistory } from "vue-router";
-import { shouldLogin } from "../store";
+import { shouldLogin } from "@/store";
 import { ref, watch } from "vue";
-import TimetableView from "../views/TimetableView.vue";
+import TimetableView from "@/views/TimetableView.vue";
-import SubstitutionView from "../views/SubstitutionView.vue";
+import SubstitutionView from "@/views/SubstitutionView.vue";
-import HistoryView from "../views/HistoryView.vue";
+import HistoryView from "@/views/HistoryView.vue";
-import SettingsView from "../views/SettingsView.vue";
+import SettingsView from "@/views/SettingsView.vue";
-import LoginView from "../views/LoginView.vue";
+import LoginView from "@/views/LoginView.vue";
-import TokenView from "../views/TokenView.vue";
+import TokenView from "@/views/TokenView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),

src/store.js

@@ -1,6 +1,6 @@
 import { ref, watch, computed } from "vue";
-import { getNextAndPrevDay } from "./util";
+import { getNextAndPrevDay } from "@/util";
-import i18n from "./i18n";
+import i18n from "@/i18n";
 
 /* Router */
 export const shouldLogin = ref(false);

src/util.js

@@ -1,4 +1,4 @@
-import { classFilter } from "./store";
+import { classFilter } from "@/store";
 
 export function getSubstitutionText(substitution) {
   const includeClass = !classFilter.value || classFilter.value == "none";

src/views/HistoryView.vue

@@ -1,6 +1,6 @@
 <script setup>
-import DayCarousel from "../components/day-carousel.vue";
+import DayCarousel from "@/components/day-carousel.vue";
-import HistoryList from "../components/history-list.vue";
+import HistoryList from "@/components/history-list.vue";
 </script>
 
 <template>

src/views/SettingsView.vue

@@ -1,5 +1,6 @@
 <script setup>
-import ScrollableContainer from "../components/scrollable-container.vue";
+import ScrollableContainer from "@/components/scrollable-container.vue";
+import PageCard from "@/components/settings/page-card.vue";
 import {
   classList,
   classFilter,

src/views/SubstitutionView.vue

@@ -1,6 +1,6 @@
 <script setup>
-import DayCarousel from "../components/day-carousel.vue";
+import DayCarousel from "@/components/day-carousel.vue";
-import SubstitutionList from "../components/substitution-list.vue";
+import SubstitutionList from "@/components/substitution-list.vue";
 </script>
 
 <template>

src/views/TimetableView.vue

@@ -1,9 +1,9 @@
 <script setup>
-import TimetableSetup from "../components/timetable-setup.vue";
+import TimetableSetup from "@/components/timetable-setup.vue";
-import { classList, classFilter, timetable, loadingFailed } from "../store";
+import { classList, classFilter, timetable, loadingFailed } from "@/store";
-import DayCarousel from "../components/day-carousel.vue";
+import DayCarousel from "@/components/day-carousel.vue";
-import TimetableList from "../components/timetable-list.vue";
+import TimetableList from "@/components/timetable-list.vue";
-import InfoCard from "../components/info-card.vue";
+import InfoCard from "@/components/info-card.vue";
 import { ClockIcon } from "lucide-vue-next";
 import { CloudOffIcon } from "lucide-vue-next";
 </script>