feat(i18n): add German localization and layout support for VitePress …

…documentation

docs/.vitepress/config.mts

@@ -22,4 +22,23 @@ export default defineConfig({
       message: 'Released under the MIT License.',
     },
   },
+  locales: {
+    root: {
+      label: 'English',
+      lang: 'en',
+    },
+    de: {
+      label: 'German',
+      lang: 'de',
+      description: 'Überprüfe schnell die Gültigkeit akademischer Quellen über DOIs',
+      themeConfig: {
+        footer: {
+          message: 'Veröffentlicht unter der MIT-Lizenz.',
+          copyright: 'Urheberrecht © 2024-heute Jeff Nawroth',
+        },
+        darkModeSwitchTitle: 'Wechseln zum dunklen Thema',
+        lightModeSwitchTitle: 'Wechsel zum hellen Thema',
+      },
+    },
+  },
 })

docs/.vitepress/theme/Layout.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { useData } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import { watchEffect } from 'vue'
+
+const { lang } = useData()
+const inBrowser = typeof window !== 'undefined'
+
+watchEffect(() => {
+  if (inBrowser) {
+    document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2030 00:00:00 UTC; path=/`
+  }
+})
+</script>
+
+<template>
+  <DefaultTheme.Layout />
+</template>

docs/.vitepress/theme/index.ts

@@ -1,4 +1,8 @@
 import DefaultTheme from 'vitepress/theme'
+import Layout from './Layout.vue'
 import './custom.css'
 
-export default DefaultTheme
+export default {
+  extends: DefaultTheme,
+  Layout,
+}

docs/de/index.md

@@ -0,0 +1,57 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: "The Source Taster"
+  text: "Der intuitive Quellen-Validator für akademische Arbeiten"
+  tagline: "Schnell, zuverlässig und mühelos konzipiert."
+  image:
+    src: /web-app-manifest-192x192.png
+    alt: The Source Taster
+  actions:
+    - theme: brand
+      text: Herunterladen
+      link: https://chromewebstore.google.com/detail/the-source-taster/leggmjghcbdfilhfkgnllhnhhbalpanp?hl=de
+
+features:
+  - icon: 🔍
+    title: Intelligente Erkennung
+    details: Identifiziert und extrahiert DOIs aus akademischen Arbeiten, PDFs und Websites mit intelligenter Mustererkennung
+
+  - icon: ⚡
+    title: Blitzschnell
+    details: Erhalte sofortige Validierungsergebnisse durch effiziente API-Integration mit Crossref und DOI-Auflösungsdiensten
+
+  - icon: 📊
+    title: Übersichtliche Berichte
+    details: Erstelle umfassende Validierungsberichte, die vorhandene, fehlende und ungültige Quellen auf einen Blick zeigen
+
+  - icon: 🎯
+    title: Hohe Genauigkeit
+    details: Stellt eine genaue Quellenvalidierung mit mehreren Verifizierungsmethoden und Querverweisen sicher
+
+  - icon: 🔄
+    title: Nahtloser Import
+    details: Importiere Quellen über das Kontextmenü, per Drag & Drop von PDFs oder direkte Texteingabe für maximale Flexibilität
+
+  - icon: 🌐
+    title: Browser-Integration
+    details: Funktioniert direkt dort, wo du es brauchst, mit praktischem Browser-Erweiterungszugriff und intuitiver Bedienung
+
+---
+
+<style>
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+</style>