style: fix linting issues met Prettier

frontend/src/components/MenuBar.vue

@@ -2,10 +2,10 @@
     import { ref } from "vue";
     import { useRoute } from "vue-router";
     import dwengoLogo from "../../../assets/img/dwengo-groen-zwart.svg";
-    import {useI18n} from "vue-i18n";
+    import { useI18n } from "vue-i18n";
 
     const route = useRoute();
-    const { t, locale } = useI18n()
+    const { t, locale } = useI18n();
 
     // Instantiate variables to use in html to render right
     // Links and content dependent on the role (student or teacher)
@@ -30,7 +30,7 @@
     // Logic to change the language of the website to the selected language
     const changeLanguage = (langCode: string) => {
         locale.value = langCode;
-        localStorage.setItem('user-lang', langCode);
+        localStorage.setItem("user-lang", langCode);
         console.log(langCode);
     };
 </script>
@@ -59,22 +59,22 @@
                             :to="`/${role}/${userId}/assignment`"
                             class="menu_item"
                         >
-                            {{ t('assignments') }}
+                            {{ t("assignments") }}
                         </router-link>
                     </li>
                     <li>
                         <router-link
                             :to="`/${role}/${userId}/class`"
                             class="menu_item"
-                            >{{ t('classes') }}</router-link
+                            >{{ t("classes") }}</router-link
                         >
                     </li>
                     <li>
                         <router-link
                             :to="`/${role}/${userId}/discussion`"
                             class="menu_item"
-                            >{{ t('discussions') }} </router-link
-                        >
+                            >{{ t("discussions") }}
+                        </router-link>
                     </li>
                     <li>
                         <v-menu open-on-hover>

frontend/src/i18n/i18n.ts

@@ -1,4 +1,4 @@
-import { createI18n } from 'vue-i18n';
+import { createI18n } from "vue-i18n";
 
 // Import translations
 import en from "@/i18n/locale/en.json";
@@ -6,11 +6,11 @@ import nl from "@/i18n/locale/nl.json";
 import fr from "@/i18n/locale/fr.json";
 import de from "@/i18n/locale/de.json";
 
-const savedLocale = localStorage.getItem('user-lang') || 'en';
+const savedLocale = localStorage.getItem("user-lang") || "en";
 
 const i18n = createI18n({
     locale: savedLocale,
-    fallbackLocale: 'en',
+    fallbackLocale: "en",
     messages: {
         en: en,
         nl: nl,

frontend/src/main.ts

@@ -1,8 +1,8 @@
-import {createApp} from "vue";
+import { createApp } from "vue";
 
 // Vuetify
 import "vuetify/styles";
-import {createVuetify} from "vuetify";
+import { createVuetify } from "vuetify";
 import * as components from "vuetify/components";
 import * as directives from "vuetify/directives";
 import i18n from "./i18n/i18n.ts";
@@ -11,7 +11,6 @@ import i18n from "./i18n/i18n.ts";
 import App from "./App.vue";
 import router from "./router";
 
-
 const app = createApp(App);
 
 app.use(router);