fix: remove i18n routing (#161)

closes #151

.npmrc

@@ -1,6 +1,3 @@
 engine-strict=true
-# still necessary for nuxt 3
-# @see https://github.com/nuxt/nuxt/issues/14146
-shamefully-hoist=true
-shell-emulator=true
 package-manager-strict=false
+shell-emulator=true

components/app-footer.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 const t = useTranslations();
-const localePath = useLocalePath();
 </script>
 
 <template>
@@ -27,7 +26,7 @@ const localePath = useLocalePath();
 				<img class="mx-auto" src="/assets/images/logo-fwf.svg" alt="" />
 			</div>
 			<div>
-				<NuxtLink class="text-lg hover:underline" :href="localePath('/imprint')">
+				<NuxtLink class="text-lg hover:underline" href="/imprint">
 					{{ t("common.imprint") }}
 				</NuxtLink>
 			</div>

components/app-header.vue

@@ -2,23 +2,18 @@
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
 import { Menu as MenuIcon, X } from "lucide-vue-next";
 
-import type { NavLink } from "@/lib/types";
-
 const t = useTranslations();
-const localePath = useLocalePath();
-
-const switchLocalePath = useSwitchLocalePath();
 
 const links = computed(() => {
 	return {
-		home: { href: { path: localePath("/") }, label: t("pages.home.label") },
-		search: { href: { path: localePath("/search/persons") }, label: t("pages.search.label") },
-		hierarchy: { href: { path: localePath("/hierarchy") }, label: t("pages.hierarchy.label") },
+		home: { href: { path: "/" }, label: t("pages.home.label") },
+		search: { href: { path: "/search/persons" }, label: t("pages.search.label") },
+		hierarchy: { href: { path: "/hierarchy" }, label: t("pages.hierarchy.label") },
 		documentation: {
-			href: { path: localePath("/documentation/project") },
+			href: { path: "/documentation/project" },
 			label: t("pages.documentation.label"),
 		},
-	} satisfies Record<string, NavLink>;
+	};
 });
 
 defineProps<{ compact?: boolean }>();
@@ -44,7 +39,6 @@ defineProps<{ compact?: boolean }>();
 						</li>
 					</ul>
 				</nav>
-				<LocaleSwitch class="select-none" />
 			</div>
 			<div class="md:hidden">
 				<Menu v-slot="{ open, close }" as="div" class="relative z-50 inline-block">
@@ -73,20 +67,6 @@ defineProps<{ compact?: boolean }>();
 									{{ link.label }}
 								</NuxtLink>
 							</MenuItem>
-							<MenuItem
-								v-for="loc in ['de', 'en']"
-								v-slot="{ active }"
-								:key="loc"
-								class="flex justify-around overflow-hidden rounded-bl text-center last:rounded-l-none last:rounded-br last:border-l"
-							>
-								<NuxtLink
-									class="w-full p-4 text-gray-900 transition hover:bg-gray-300"
-									:class="active && 'bg-gray-400'"
-									:href="switchLocalePath(loc)"
-								>
-									{{ loc.toUpperCase() }}
-								</NuxtLink>
-							</MenuItem>
 						</MenuItems>
 					</MenuTransition>
 				</Menu>

components/detail-disclosure.vue

@@ -16,7 +16,6 @@ const props = defineProps<{
 	collectionName: string;
 }>();
 
-const localePath = useLocalePath();
 const t = useTranslations();
 
 const page = ref(0);
@@ -151,11 +150,7 @@ const currentRels = computed(() => {
 				<div v-for="hit in currentRels" :key="String(hit)" class="mt-1 border-t pt-1">
 					<component
 						:is="linkTo ? NuxtLink : 'div'"
-						:to="
-							localePath(
-								`/detail/${hit?.target?.model.toLowerCase() + 's'}/${hit?.target?.object_id}`,
-							)
-						"
+						:to="`/detail/${hit?.target?.model.toLowerCase() + 's'}/${hit?.target?.object_id}`"
 						class="grid grid-cols-[1fr_auto] items-center gap-1"
 						:class="linkTo && 'rounded transition hover:bg-slate-200 active:bg-slate-300 p-1 -ml-1'"
 					>

components/hierarchy-link-button.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { Network } from "lucide-vue-next";
 
-const localePath = useLocalePath();
-
 defineProps<{
 	model: string;
 	id: string;
@@ -12,7 +10,7 @@ defineProps<{
 
 <template>
 	<NuxtLink
-		:to="{ path: localePath('hierarchy'), query: { id, label, model } }"
+		:to="{ path: 'hierarchy', query: { id, label, model } }"
 		class="rounded-full transition hover:bg-slate-200 active:bg-slate-300"
 	>
 		<span class="sr-only">Go to Hierarchy view</span>

components/hierarchy-wrapper.vue

@@ -6,8 +6,6 @@ import { Tree } from "@/lib/tree";
 
 const router = useRouter();
 
-const localePath = useLocalePath();
-
 const props = defineProps<{
 	data: TreeEntity;
 	width: number;
@@ -50,9 +48,7 @@ function updateTree(data: TreeEntity, width: number) {
 	const options = {
 		label: (d: Node) => d.data.meta.label,
 		link: (d: Node) =>
-			localePath(
-				`/hierarchy?id=${d.data.meta.pk}&model=${d.data.meta.entity_type}&label=${d.data.meta.label}`,
-			),
+			`/hierarchy?id=${d.data.meta.pk}&model=${d.data.meta.entity_type}&label=${d.data.meta.label}`,
 		width,
 		r: 7,
 		fontSize: "medium",

components/search-table.vue

@@ -9,7 +9,6 @@ import { useRoute } from "vue-router";
 import type { AnyEntity } from "@/types/schema";
 import { NuxtLink } from "#components";
 
-const localePath = useLocalePath();
 const t = useTranslations();
 const queryClient = useQueryClient();
 
@@ -106,10 +105,10 @@ const {
 	placeholderData: keepPreviousData,
 });
 
-// TODO: finde better solution
+// TODO: find better solution
 const getDetailLink = (id: string, entity?: string) => {
 	const type = entity ?? route.path.split("/")[3];
-	return localePath(`/detail/${type}/${id}`);
+	return `/detail/${type}/${id}`;
 };
 
 onMounted(() => {

config/i18n.config.ts

@@ -1,18 +1,16 @@
 import type { LocaleObject } from "vue-i18n-routing";
 
 import type de from "@/locales/de.json";
-import type en from "@/locales/en.json";
 
 export const locales = {
-	de: { code: "de", iso: "de-AT", file: "de.json" },
-	en: { code: "en", iso: "en-GB", file: "en.json" },
+	de: { code: "de", language: "de-AT", file: "de.json" },
 } satisfies Record<string, LocaleObject>;
 
 export type Locale = keyof typeof locales;
 
-export const defaultLocale: Locale = "en";
+export const defaultLocale: Locale = "de";
 
-export type Messages = typeof en;
+export type Messages = typeof de;
 
 export interface Schema {
 	message: Messages;
@@ -24,5 +22,4 @@ export function isValidLocale(value: string): value is Locale {
 
 export interface Translations extends Record<Locale, Messages> {
 	de: typeof de;
-	en: typeof en;
 }

content/de/landing-page.mdc

@@ -17,7 +17,7 @@ navigation: false # This will not appear with other documentation
 
 		Für die **leopoldinische Zeit** umfasst der Personenbestand darüber hinaus erstens zahlreiche Funktionsträger:innen, die am Wiener Hof politisch-administrative Aufgaben und eine ökonomisch-kulturelle Rolle erfüllt haben, zweitens Personen an ausländischen Höfen, die von der Wiener Hofkammer Zahlungen erhalten haben, und drittens in einem verwandtschaftlichen Verhältnis zu Funktionsträger*innen standen.
 
-			::index-button{href="de/search/persons"}
+			::index-button{href="/search/persons"}
 			DATENBANK
 			::
 		[Die Datenbank befindet sich im Aufbau!]{.text-center.text-xl.font-black.text-primary-600.w-full.block}
@@ -36,7 +36,7 @@ navigation: false # This will not appear with other documentation
 	## [Datenbank]{.mb-2.text-3xl.text-primary-600.block.font-black}
 	Die Datenbank beinhaltet die prosopographischen Datensammlungen zweier abgeschlossener FWF-Projekte zum Wiener Hof von Kaiser Leopold I. (1657–1705) bis Leopold II. (1790–1792). Diese Sammlungen werden durch eine **Datenneuaufnahme** für die Hofgesellschaft unter Kaiser Franz II./I. (1792–1835) erweitert. In seiner technischen Umsetzung setzt das Team auf die am ACDH-CH der ÖAW entwickelte virtuelle Forschungsumgebung **Austrian Prosopographical Information System** (APIS).
 	#left-button
-		::index-button{href="de/search/persons"}
+		::index-button{href="/search/persons"}
 		DATENBANK
 		::
 	#right-content