formatting fixes

webclient/.gitignore

@@ -23,4 +23,4 @@ coverage
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?

webclient/components/AppFooter.vue

@@ -55,15 +55,15 @@ const navigation = computed(() => [
       <div class="mt-10 flex justify-center space-x-10 text-center">
         <Btn to="https://tum.de" variant="rounded-xl pt-2 pb-4 px-4 focusable" size="sm">
           <p class="text-zinc-600 text-center text-xs">
-            {{ t("official_roomfinder") }}<br >
+            {{ t("official_roomfinder") }}<br />
             <img
               :alt="t('tum_logo_alt')"
               :src="`/logos/tum_${colorMode.value === 'dark' ? 'dark' : 'light'}_${locale}.svg`"
               width="200"
               height="80"
               loading="lazy"
               aria-hidden="true"
-            >
+            />
           </p>
         </Btn>
       </div>

webclient/components/AppNavHeader.vue

@@ -3,7 +3,7 @@
     <nav class="mx-auto max-w-4xl">
       <div class="mx-5 my-2.5 flex place-content-between content-between justify-between gap-x-10 lg:mx-10">
         <NuxtLink class="my-auto hidden lg:block print:!block" to="/">
-          <img alt="Navigatum Logo" class="pt-2" width="201" height="32" src="~/assets/logos/navigatum.svg" >
+          <img alt="Navigatum Logo" class="pt-2" width="201" height="32" src="~/assets/logos/navigatum.svg" />
         </NuxtLink>
         <div class="my-auto max-w-lg flex-grow lg:col-span-3 print:!hidden">
           <slot />

webclient/components/BreadcrumbList.vue

@@ -29,7 +29,7 @@ const props = withDefaults(defineProps<{ items: Item[]; class?: string }>(), { c
         >
           <span property="name">{{ item.name }}</span>
         </NuxtLink>
-        <meta property="position" :content="`${i + 1}`" >
+        <meta property="position" :content="`${i + 1}`" />
       </li>
     </template>
   </ol>

webclient/components/Checkbox.vue

@@ -11,7 +11,7 @@ const model = defineModel<boolean>();
         v-model="model"
         type="checkbox"
         class="focusable bg-zinc-100 border-zinc-300 z-40 min-h-4 min-w-4 accent-blue-400"
-      >
+      />
     </div>
     <div class="ps-1">
       <label :for="id" class="text-zinc-900 z-30 text-sm font-medium">

webclient/components/DetailsInteractiveMap.vue

@@ -259,7 +259,7 @@ function setOverlayImage(imgUrl: string | null, coords: Coordinates | undefined)
     <div v-if="webglSupport" id="interactive-map" class="absolute !h-full !w-full" />
     <div v-else class="relative">
       {{ t("no_webgl.no_browser_support") }}
-      {{ t("no_webgl.explain_webgl") }} <br >
+      {{ t("no_webgl.explain_webgl") }} <br />
       {{ t("no_webgl.please_try") }}:
       <ol>
         <li>

webclient/components/DetailsSources.vue

@@ -26,7 +26,7 @@ const { t } = useI18n({ useScope: "local" });
           <template v-if="i < sources.base.length - 1"> • </template>
         </span>
         <span v-if="sources.patched">
-          <br >
+          <br />
           ({{ t("base.patched") }})
         </span>
       </p>

webclient/components/FeedbackModal.vue

@@ -28,7 +28,7 @@ const feedback = useFeedback();
           class="focusable bg-zinc-200 border-zinc-400 flex-grow rounded border px-2 py-1"
           type="text"
           :placeholder="t('subject')"
-        >
+        />
       </div>
 
       <div class="flex flex-col pb-5">

webclient/pages/[...slug].vue

@@ -8,7 +8,7 @@ const { t } = useI18n({ useScope: "local" });
 
 <template>
   <div class="mx-auto max-w-xl pt-4">
-    <img src="../assets/404_navigatum.svg" :alt="t('img_alt')" >
+    <img src="../assets/404_navigatum.svg" :alt="t('img_alt')" />
     <div class="flex flex-col items-center gap-1 p-5">
       <h5 class="text-zinc-800 text-lg">{{ t("header") }}</h5>
       <p class="text-md text-zinc-600">{{ t("description") }}</p>