From af2998614d59765b7b0d71f85c93fd02d49bb720 Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Fri, 17 May 2024 13:45:17 +0200
Subject: [PATCH] fix: lint/format

---
 components/app-footer.vue            | 10 +++++-----
 components/color-scheme-switcher.vue | 13 +++++++------
 components/detail-disclosure.vue     | 14 ++++++++------
 components/map.vue                   |  6 +++---
 components/timeline-entry.vue        | 12 +++++++-----
 5 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/components/app-footer.vue b/components/app-footer.vue
index ac1267a..98dd9ea 100644
--- a/components/app-footer.vue
+++ b/components/app-footer.vue
@@ -36,11 +36,11 @@ const links = computed(() => {
 			<nav :aria-label="t('AppFooter.navigation-secondary')" class="w-full">
 				<ul class="flex items-center gap-8" role="list">
 					<li v-for="(link, key) of links" :key="key" :class="link.image ? '' : 'ml-auto'">
-						<a v-if="link.image" :href="link.href.path" target="_blank"
-							><NuxtImg :src="link.image" :alt="link.label" placeholder class="h-10 w-auto">{{
-								link.label
-							}}</NuxtImg></a
-						>
+						<a v-if="link.image" :href="link.href.path" target="_blank">
+							<NuxtImg :src="link.image" :alt="link.label" placeholder class="h-10 w-auto">
+								{{ link.label }}
+							</NuxtImg>
+						</a>
 						<NavLink v-else :href="link.href">
 							{{ link.label }}
 						</NavLink>
diff --git a/components/color-scheme-switcher.vue b/components/color-scheme-switcher.vue
index 543c480..f126e4f 100644
--- a/components/color-scheme-switcher.vue
+++ b/components/color-scheme-switcher.vue
@@ -15,12 +15,13 @@ const colorSchemes = computed(() => {
 	<ClientOnly>
 		<Listbox v-model="colorMode.preference">
 			<div class="relative">
-				<ListboxButton
-					><Sun class="inline dark:hidden"></Sun> <Moon class="hidden dark:inline"></Moon
-					><span class="sr-only">{{
-						t(`ColorSchemeToggle.color-schemes.${colorMode.preference}`)
-					}}</span></ListboxButton
-				>
+				<ListboxButton>
+					<Sun class="inline dark:hidden"></Sun>
+					<Moon class="hidden dark:inline"></Moon>
+					<span class="sr-only">
+						{{ t(`ColorSchemeToggle.color-schemes.${colorMode.preference}`) }}
+					</span>
+				</ListboxButton>
 				<ListboxOptions
 					class="absolute -left-2 z-10 mt-3 overflow-auto rounded-md border bg-neutral-50 text-sm dark:bg-zinc-900"
 				>
diff --git a/components/detail-disclosure.vue b/components/detail-disclosure.vue
index ee7a92a..94e8049 100644
--- a/components/detail-disclosure.vue
+++ b/components/detail-disclosure.vue
@@ -40,9 +40,10 @@ const groupedRelations = computed(() => {
 			:disabled="rels.length === 0 && !customSlot"
 			:class="borderColors[model]"
 		>
-			<span class="flex gap-2 align-baseline"
-				><component :is="icons[model]" class="inline" /> {{ title }}</span
-			>
+			<span class="flex gap-2 align-baseline">
+				<component :is="icons[model]" class="inline" />
+				{{ title }}
+			</span>
 			<ChevronDown class="size-5 transition ui-open:-rotate-180" />
 		</DisclosureButton>
 		<DisclosurePanel
@@ -76,7 +77,8 @@ const groupedRelations = computed(() => {
 								as="tr"
 								class="group table w-full table-fixed cursor-pointer hover:bg-primary-50 active:bg-primary-50 dark:hover:bg-primary-950 dark:active:bg-primary-950"
 								tabindex="0"
-								><td
+							>
+								<td
 									v-for="(header, idx) in headers"
 									:key="rel[0]?.to?.name + header"
 									class="p-2 text-start"
@@ -107,8 +109,8 @@ const groupedRelations = computed(() => {
 									<td v-for="header in headers" :key="hit + header" class="p-2 text-start">
 										{{ String(get(hit, header, "")).replace(/\<.*?\>/g, "") }}
 									</td>
-								</NuxtLink></component
-							>
+								</NuxtLink>
+							</component>
 						</component>
 					</tbody>
 				</table>
diff --git a/components/map.vue b/components/map.vue
index f3287b3..35c31e7 100644
--- a/components/map.vue
+++ b/components/map.vue
@@ -50,9 +50,9 @@ onMounted(() => {
 		<div ref="mapContainer" class="absolute size-full"></div>
 		<div class="absolute bottom-0 right-0 bg-neutral-50/70 p-1 text-xs dark:bg-neutral-900/70">
 			1450,
-			<a href="https://www.openhistoricalmap.org/copyright" target="_blank" class="hover:underline"
-				>&copy; OpenHistoricalMap</a
-			>
+			<a href="https://www.openhistoricalmap.org/copyright" target="_blank" class="hover:underline">
+				&copy; OpenHistoricalMap
+			</a>
 		</div>
 	</div>
 </template>
diff --git a/components/timeline-entry.vue b/components/timeline-entry.vue
index c075dea..001cda0 100644
--- a/components/timeline-entry.vue
+++ b/components/timeline-entry.vue
@@ -66,8 +66,9 @@ const itemClass = computed(() => {
 				zIndex: dimensions.zIndex,
 			}"
 			:class="[bgColors[itemClass], Array.isArray(item) ? 'size-6' : 'size-3']"
-			>{{ Array.isArray(item) ? item.length : "" }}</PopoverButton
 		>
+			{{ Array.isArray(item) ? item.length : "" }}
+		</PopoverButton>
 		<Transition
 			enter-active-class="transition duration-200 ease-out"
 			enter-from-class="translate-y-1 opacity-0"
@@ -91,16 +92,17 @@ const itemClass = computed(() => {
 									? item[0].start_date_written
 									: item.start_date_written
 								).replace(/\<.*?\>/g, "")
-							}}</span
-						><span v-if="endDate && startDate != endDate">
+							}}
+						</span>
+						<span v-if="endDate && startDate != endDate">
 							-
 							{{
 								(Array.isArray(item) ? item[0].end_date_written : item.end_date_written).replace(
 									/\<.*?\>/g,
 									"",
 								)
-							}}</span
-						>
+							}}
+						</span>
 					</div>
 					<div v-if="Array.isArray(item)">
 						<NuxtLink