style: fix linting issues met Prettier

frontend/src/components/BrowseThemes.vue

@@ -5,7 +5,7 @@
     import { AGE_TO_THEMES, THEMESITEMS } from "@/utils/constants.ts";
     import { useThemeQuery } from "@/queries/themes.ts";
     import type { Theme } from "@/data-objects/theme.ts";
-import authService from "@/services/auth/auth-service";
+    import authService from "@/services/auth/auth-service";
 
     const props = defineProps({
         selectedTheme: { type: String, required: true },

frontend/src/components/ButtonWithConfirmation.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-    import { useI18n } from 'vue-i18n';
+    import { useI18n } from "vue-i18n";
 
     const props = defineProps<{
-        text: string,
-        prependIcon?: string,
-        appendIcon?: string,
-        confirmQueryText: string,
-        variant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined,
-        color?: string,
-        disabled?: boolean
+        text: string;
+        prependIcon?: string;
+        appendIcon?: string;
+        confirmQueryText: string;
+        variant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
+        color?: string;
+        disabled?: boolean;
     }>();
 
-    const emit = defineEmits<{ (e: 'confirm'): void }>()
+    const emit = defineEmits<{ (e: "confirm"): void }>();
 
     const { t } = useI18n();
 
@@ -22,40 +22,42 @@
 
 <template>
     <v-dialog max-width="500">
-  <template v-slot:activator="{ props: activatorProps }">
-    <v-btn
-      v-bind="activatorProps"
-      :text="props.text"
-      :prependIcon="props.prependIcon"
-      :appendIcon="props.appendIcon"
-      :variant="props.variant"
-      :color="color"
-      :disabled="props.disabled"
-    ></v-btn>
-  </template>
+        <template v-slot:activator="{ props: activatorProps }">
+            <v-btn
+                v-bind="activatorProps"
+                :text="props.text"
+                :prependIcon="props.prependIcon"
+                :appendIcon="props.appendIcon"
+                :variant="props.variant"
+                :color="color"
+                :disabled="props.disabled"
+            ></v-btn>
+        </template>
 
-  <template v-slot:default="{ isActive }">
-    <v-card :title="t('confirmDialogTitle')">
-      <v-card-text>
-        {{ props.confirmQueryText }}
-      </v-card-text>
+        <template v-slot:default="{ isActive }">
+            <v-card :title="t('confirmDialogTitle')">
+                <v-card-text>
+                    {{ props.confirmQueryText }}
+                </v-card-text>
 
-      <v-card-actions>
-        <v-spacer></v-spacer>
+                <v-card-actions>
+                    <v-spacer></v-spacer>
 
-        <v-btn
-          :text="t('yes')"
-          @click="confirm(); isActive.value = false"
-        ></v-btn>
-        <v-btn
-          :text="t('cancel')"
-          @click="isActive.value = false"
-        ></v-btn>
-      </v-card-actions>
-    </v-card>
-  </template>
-</v-dialog>
+                    <v-btn
+                        :text="t('yes')"
+                        @click="
+                            confirm();
+                            isActive.value = false;
+                        "
+                    ></v-btn>
+                    <v-btn
+                        :text="t('cancel')"
+                        @click="isActive.value = false"
+                    ></v-btn>
+                </v-card-actions>
+            </v-card>
+        </template>
+    </v-dialog>
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>

frontend/src/components/MenuBar.vue

@@ -7,7 +7,7 @@
 
     // Import assets
     import dwengoLogo from "../../../assets/img/dwengo-groen-zwart.svg";
-import { useLocale } from "vuetify";
+    import { useLocale } from "vuetify";
 
     const { t, locale } = useI18n();
     const { current: vuetifyLocale } = useLocale();