diff --git a/src/App.vue b/src/App.vue
index 8eb7210..e11cf99 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,10 @@
 <script setup>
 import { RouterView, useRoute } from "vue-router";
-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 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 { computed, ref } from "vue";
 
 const autoThemes = { true: "dark", false: "light" };
diff --git a/src/components/date-selector.vue b/src/components/date-selector.vue
index bc7d515..8918b87 100644
--- a/src/components/date-selector.vue
+++ b/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",
diff --git a/src/components/day-carousel.vue b/src/components/day-carousel.vue
index b716d03..df34c74 100644
--- a/src/components/day-carousel.vue
+++ b/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 ScrollableContainer from "../components/scrollable-container.vue";
+import { getDateSkippingWeekend } from "@/util";
+import ScrollableContainer from "@/components/scrollable-container.vue";
 
 defineProps({
   element: {
diff --git a/src/components/history-list.vue b/src/components/history-list.vue
index 9402656..fbd79c6 100644
--- a/src/components/history-list.vue
+++ b/src/components/history-list.vue
@@ -1,9 +1,9 @@
 <script setup>
-import { history, loadingFailed } from "../store";
-import { getSubstitutionText } from "../util";
+import { history, loadingFailed } from "@/store";
+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({
diff --git a/src/components/substitution-list.vue b/src/components/substitution-list.vue
index f3e2206..12d2b02 100644
--- a/src/components/substitution-list.vue
+++ b/src/components/substitution-list.vue
@@ -1,8 +1,8 @@
 <script setup>
-import { substitutions, loadingFailed } from "../store";
-import { getSubstitutionText, getSubstitutionColor } from "../util";
+import { substitutions, loadingFailed } from "@/store";
+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({
diff --git a/src/components/timetable-list.vue b/src/components/timetable-list.vue
index 26f8993..05f0a7f 100644
--- a/src/components/timetable-list.vue
+++ b/src/components/timetable-list.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { timetable, parsedTimetable, substitutions } from "../store";
-import { getSubstitutionColor } from "../util";
+import { timetable, parsedTimetable, substitutions } from "@/store";
+import { getSubstitutionColor } from "@/util";
 import { computed } from "vue";
 
 const props = defineProps({
diff --git a/src/components/titlebar-element.vue b/src/components/titlebar-element.vue
index 3119856..6e1b191 100644
--- a/src/components/titlebar-element.vue
+++ b/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();
diff --git a/src/i18n.js b/src/i18n.js
index 6f112eb..e175b04 100644
--- a/src/i18n.js
+++ b/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");
diff --git a/src/main.js b/src/main.js
index cca0997..7683322 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,8 @@
 import { createApp } from "vue";
-import App from "./App.vue";
-import router from "./router";
+import App from "@/App.vue";
+import router from "@/router";
 import { registerSW } from "virtual:pwa-register";
-import i18n from "./i18n";
+import i18n from "@/i18n";
 
 const app = createApp(App);
 
diff --git a/src/router/index.js b/src/router/index.js
index 9d26974..3333a19 100644
--- a/src/router/index.js
+++ b/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 SubstitutionView from "../views/SubstitutionView.vue";
-import HistoryView from "../views/HistoryView.vue";
-import SettingsView from "../views/SettingsView.vue";
-import LoginView from "../views/LoginView.vue";
-import TokenView from "../views/TokenView.vue";
+import TimetableView from "@/views/TimetableView.vue";
+import SubstitutionView from "@/views/SubstitutionView.vue";
+import HistoryView from "@/views/HistoryView.vue";
+import SettingsView from "@/views/SettingsView.vue";
+import LoginView from "@/views/LoginView.vue";
+import TokenView from "@/views/TokenView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
diff --git a/src/store.js b/src/store.js
index 978eb89..74dc154 100644
--- a/src/store.js
+++ b/src/store.js
@@ -1,6 +1,6 @@
 import { ref, watch, computed } from "vue";
-import { getNextAndPrevDay } from "./util";
-import i18n from "./i18n";
+import { getNextAndPrevDay } from "@/util";
+import i18n from "@/i18n";
 
 /* Router */
 export const shouldLogin = ref(false);
diff --git a/src/util.js b/src/util.js
index f5bd2ba..7417206 100644
--- a/src/util.js
+++ b/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";
diff --git a/src/views/HistoryView.vue b/src/views/HistoryView.vue
index 7b7e9dd..114b2b0 100644
--- a/src/views/HistoryView.vue
+++ b/src/views/HistoryView.vue
@@ -1,6 +1,6 @@
 <script setup>
-import DayCarousel from "../components/day-carousel.vue";
-import HistoryList from "../components/history-list.vue";
+import DayCarousel from "@/components/day-carousel.vue";
+import HistoryList from "@/components/history-list.vue";
 </script>
 
 <template>
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 1576586..581856f 100644
--- a/src/views/SettingsView.vue
+++ b/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,
diff --git a/src/views/SubstitutionView.vue b/src/views/SubstitutionView.vue
index f996361..995b7fc 100644
--- a/src/views/SubstitutionView.vue
+++ b/src/views/SubstitutionView.vue
@@ -1,6 +1,6 @@
 <script setup>
-import DayCarousel from "../components/day-carousel.vue";
-import SubstitutionList from "../components/substitution-list.vue";
+import DayCarousel from "@/components/day-carousel.vue";
+import SubstitutionList from "@/components/substitution-list.vue";
 </script>
 
 <template>
diff --git a/src/views/TimetableView.vue b/src/views/TimetableView.vue
index 877cd27..e4f9280 100644
--- a/src/views/TimetableView.vue
+++ b/src/views/TimetableView.vue
@@ -1,9 +1,9 @@
 <script setup>
-import TimetableSetup from "../components/timetable-setup.vue";
-import { classList, classFilter, timetable, loadingFailed } from "../store";
-import DayCarousel from "../components/day-carousel.vue";
-import TimetableList from "../components/timetable-list.vue";
-import InfoCard from "../components/info-card.vue";
+import TimetableSetup from "@/components/timetable-setup.vue";
+import { classList, classFilter, timetable, loadingFailed } from "@/store";
+import DayCarousel from "@/components/day-carousel.vue";
+import TimetableList from "@/components/timetable-list.vue";
+import InfoCard from "@/components/info-card.vue";
 import { ClockIcon } from "lucide-vue-next";
 import { CloudOffIcon } from "lucide-vue-next";
 </script>