Merge pull request 'Update dependency katex to ^0.17.0' (#9 ) from renovate/katex-0.x into nuxt

Reviewed-on: #9
Update dependency katex to ^0.17.0
2026-06-06 15:12:42 +00:00 · 2026-06-06 15:11:47 +00:00 · 2026-05-30 08:50:54 +00:00 · 2026-05-30 08:50:45 +00:00 · 2026-05-30 08:39:34 +00:00 · 2026-05-30 08:39:11 +00:00
24 changed files with 1588 additions and 1237 deletions
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,3 @@
-[submodule "app/ritzenbergen-dto"]
-	path = app/ritzenbergen-dto
-	url = https://git.ritzenbergen.de/R40fendt/ritzenbergen-dto
+[submodule "app/dto"]
+	path = app/dto
+	url = https://git.ritzenbergen.de/R40fendt/ritzenbergen-dto.git
--- a/Dockerfile.dev
+++ b/Dockerfile.dev
@@ -1,4 +1,4 @@
-FROM node:20-alpine
+FROM node:26-alpine

 WORKDIR /app

--- a/app/app2.vue
+++ b/app/app2.vue
@@ -1,6 +0,0 @@
-<template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
-  </div>
-</template>
--- a/app/components/Embla.vue
+++ b/app/components/Embla.vue
@@ -1,6 +1,5 @@
-<script setup>
+<script setup lang="ts">
 import emblaCarouselVue from "embla-carousel-vue";
-import RitzenbergenLib from "../ritzenbergenlib.ts";
 import { onMounted, ref } from "vue";
 import EmblaItem from "./EmblaItem.vue";

@@ -42,13 +41,22 @@ defineProps({
    type: Array,
    required: true,
  },
+  jahre: {
+    type: Array,
+    required: false,
+  },
+  fontSize:{
+    type: Number,
+    required: false,
+    default: 100
+  }
 });
 </script>

 <template>
  <div class="embla" ref="emblaRef">
    <div class="embla__container">
-      <EmblaItem v-for="el, i in src" :src="el" :link="links[i]" />
+      <EmblaItem v-for="el, i in src" :src="el" :jahr="jahre?jahre[i]:null" :link="links[i]" :font-size="fontSize"/>
    </div>
    <button class="embla__button embla__button--prev" @click="prev">
      <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
--- a/app/components/EmblaItem.vue
+++ b/app/components/EmblaItem.vue
@@ -1,7 +1,5 @@
-<script lang="ts">
-export default {
-  props: ["src", "link"],
-};
+<script lang="ts" setup>
+const {src, link, jahr, fontSize}=defineProps(["src", "link","jahr","fontSize"]);
 </script>
 <template>
  <div
@@ -11,16 +9,31 @@ export default {
    <div class="slide-content">
      <div class="item-img">
        <div class="item-wrapper">
-          <RouterLink :to="link">
+          <NuxtLink :to="link">
            <img
              :src="
                src
              "
            />
-          </RouterLink>
+            <span class="jahr-overlay" v-if="jahr" :style="{'font-size': fontSize+'px'}">
+              {{ jahr }}
+            </span>
+          </NuxtLink>
        </div>
      </div>
    </div>
  </div>
 </template>
-<style></style>
+<style scoped>
+.item-wrapper {
+  position: relative;
+}
+  .jahr-overlay {
+    color: white;
+    mix-blend-mode: difference;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+  }
+</style>
--- a/app/components/MyFooter.vue
+++ b/app/components/MyFooter.vue
@@ -17,7 +17,7 @@ export default {
  <section
    class="footer3 cid-u6k7q0Blvk"
    once="footers"
-    id="footer-6-u6k7q0Blvk"
+    id="footer"
  >
    <div class="container">
      <div class="row">
@@ -41,7 +41,7 @@ export default {
                  <br />
                  
                </p>
-								<RouterLink to="/adminpanel/login">Admin Login</RouterLink>
+								<NuxtLink to="/adminpanel/login">Admin Login</NuxtLink>
              </Modal>

              <button @click="aboutVisible=true" class="text-white btn-ueber openBtn">Über</button>
--- a/app/components/Navbar.vue
+++ b/app/components/Navbar.vue
@@ -15,8 +15,8 @@ export default {
    return {
      datalinks: [
        { link: "/galerie", title: "Galerie" },
-        { link: "/umgebung", title: "Umgebung" },
-        { link: "/footer", title: "Kontakt" },
+        { link: "/#umgebung", title: "Umgebung" },
+        { link: "/#footer", title: "Kontakt" },
        { link: "/bulitipp", title: "BuLi-Tipp" },
      ],
      buttontextdata: "Über Ritzenbergen",
@@ -58,18 +58,18 @@ export default {
      <div class="container">
        <div class="navbar-brand">
          <span class="navbar-logo">
-            <span href="/">
+            <NuxtLink to="/">
              <img
                class="navbar-logo-img"
                src="../assets/RitzenbergenOrtsschild.png"
                style="height: 60px; padding-left: 5px"
              />
-            </span>
+            </NuxtLink>
          </span>
          <span class="navbar-caption-wrap">
-            <span class="navbar-caption text-black display-4" href="/"
-              >Amedorf & Ritzenbergen</span
-            >
+            <NuxtLink to="/" class="navbar-caption text-black display-4">
+              Amedorf & Ritzenbergen
+            </NuxtLink>
          </span>
        </div>
        <button
@@ -95,13 +95,13 @@ export default {
 				<div class="navbar-collapse opacityScroll" :class="{show: !isNavCollapsed, collapsing: isCollapsing, collapse: !isCollapsing}" id="navbarSupportedContent">
          <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
            <li class="nav-item" v-for="link in datalinks">
-              <span
+              <NuxtLink
                class="nav-link link text-black display-4"
-                :href="link.link"
+                :to="link.link"
                aria-expanded="false"
              >
                {{ link.title }}
-              </span>
+              </NuxtLink>
            </li>
          </ul>
          <div class="navbar-buttons mbr-section-btn">
--- a/app/components/startseite/Bilderbuch.vue
+++ b/app/components/startseite/Bilderbuch.vue
@@ -1,38 +1,37 @@
 <script lang="ts" setup>
-import RitzenbergenLib from "../../ritzenbergenlib.ts";
 import {ref} from "vue";

-async function loadImage(path: string) {
-	try{
-	const response = await fetch(RitzenbergenLib.RitzenbergenLib.api(path), {
-		headers: {
-				"Accept":"image/png"
-		}
-	});
-	if(!response.ok) return false;
-	const blob = await response.blob();
-	return URL.createObjectURL(blob);
+// async function loadImage(path: string) {
+// 	try{
+// 	const response = await fetch(RitzenbergenLib.RitzenbergenLib.api(path), {
+// 		headers: {
+// 				"Accept":"image/png"
+// 		}
+// 	});
+// 	if(!response.ok) return false;
+// 	const blob = await response.blob();
+// 	return URL.createObjectURL(blob);

-		}
-		catch(e){
-				console.warn(e);
-		}
-}
+// 		}
+// 		catch(e){
+// 				console.warn(e);
+// 		}
+// }

-loadImage("randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3").then((url)=>{
-		images.value[0]=url;
-});
-loadImage("randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3").then((url)=>{
-		images.value[1]=url;
-});
-loadImage("randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3").then((url)=>{
-		images.value[2]=url;
-});
-loadImage("randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3").then((url)=>{
-		images.value[3]=url;
-});
+// loadImage("randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3").then((url)=>{
+// 		images.value[0]=url;
+// });
+// loadImage("randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3").then((url)=>{
+// 		images.value[1]=url;
+// });
+// loadImage("randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3").then((url)=>{
+// 		images.value[2]=url;
+// });
+// loadImage("randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3").then((url)=>{
+// 		images.value[3]=url;
+// });

-const images=ref([]);
+const images=ref(["bild1","bild2","bild3","bild4"]);
 </script>
 <template>
 	<section
@@ -64,9 +63,9 @@ const images=ref([]);
 					>
 						<div class="item-wrapper">
 							<div class="item-img">
-								<RouterLink to="/galerie/doppelkopf"
+								<NuxtLink to="/galerie/#doppelkopf"
 									><img :src="images[0]"
-								/></RouterLink>
+								/></NuxtLink>
 							</div>
 						</div>
 					</div>
@@ -75,9 +74,9 @@ const images=ref([]);
 					>
 						<div class="item-wrapper">
 							<div class="item-img">
-								<RouterLink to="/galerie/erntefest"
+								<NuxtLink to="/galerie/#erntefest"
 									><img :src="images[1]"
-								/></RouterLink>
+								/></NuxtLink>
 							</div>
 						</div>
 					</div>
@@ -86,9 +85,9 @@ const images=ref([]);
 					>
 						<div class="item-wrapper">
 							<div class="item-img">
-								<RouterLink to="/galerie/fussball"
+								<NuxtLink to="/galerie/#fussball"
 									><img :src="images[2]"
-								/></RouterLink>
+								/></NuxtLink>
 							</div>
 						</div>
 					</div>
@@ -97,9 +96,9 @@ const images=ref([]);
 					>
 						<div class="item-wrapper">
 							<div class="item-img">
-								<RouterLink to="/galerie/osterfeuer"
+								<NuxtLink to="/galerie/#osterfeuer"
 									><img :src="images[3]"
-								/></RouterLink>
+								/></NuxtLink>
 							</div>
 						</div>
 					</div>
--- a/app/components/startseite/Forms.vue
+++ b/app/components/startseite/Forms.vue
@@ -5,8 +5,9 @@ import { ref } from "vue";
 import Modal from "../Modal.vue";
 import { Formular } from "../../dto/formular.dto";

-async function init() {
-	forms.value=await RitzenbergenLib.graphqlClient.request<{formulare: Formular[] }>(`
+const { $gql, $myfetch } = useNuxtApp();
+
+const forms = await $gql.request<{formulare: Formular[] }>(`
 {
 	formulare {
 		id
@@ -31,33 +32,18 @@ async function init() {
 	}
 }
 `
-	).then(data=>data.formulare);
+).then(data=>data.formulare);

-	console.log(forms.value);
-}
-
-const forms = ref([] as Formular[]);
-
-const props=defineProps({
-		formid: {
-				type: [Number, null],
-				required: false,
-				default: null 
-		}
-});
-
-init();

 function submit($event: Event) {
-	const url = new URL(
-		RitzenbergenLib.RitzenbergenLib.api("/formulare/submit.php")
-	);
+	console.log($event);
+	if($event.target==null) return;
 	const formData = new FormData(<HTMLFormElement>$event.target); 
-	fetch(url.toString(), {
+	const body = Object.fromEntries(formData);
+	$myfetch("/formulare/submit/"+(<HTMLFormElement>$event.target).dataset.formid,{
 		method: "POST",
-		body: formData	
+		body
 	}).then(() => {
-		init();
 		values.value={};
 	});
 }
@@ -109,6 +95,7 @@ const values=ref({});
 							:data-i="i"
 							@submit.prevent="submit"
 						>
+
 							<div v-for="(field, j) in form.fields" :key="j">
 								<label
 									v-if="field.placeholder == null"
@@ -160,7 +147,6 @@ const values=ref({});
 									Absenden
 								</button>
 							</div>
-							<input type="hidden" :value="form.id" name="internalformid" />
 						</form>
 					</div>
 				</div>
--- a/app/dto
+++ b/app/dto
--- a/app/pages/Galerie.vue
+++ b/app/pages/Galerie.vue
@@ -1,164 +0,0 @@
-<script lang="js">
-import Navbar from "../components/Navbar.vue";
-import Embla from "../components/Embla.vue";
-import RitzenbergenLib from "../ritzenbergenlib.ts";
-import MyFooter from "../components/MyFooter.vue"; // Geändert von Footer auf MyFooter
-import $ from "jquery";
-
-export default {
-  components: {
-    Navbar,
-    Embla,
-    MyFooter, // Geändert von Footer auf MyFooter
-  },
-  computed: {
-    events() {
-      let erntefeste = this.get_jahre("erntefest");
-      let osterfeuer = this.get_jahre("osterfeuer");
-      let doppelkopf = this.get_jahre("doppelkopf");
-      let fussball = this.get_jahre("fussball");
-			if(erntefeste==undefined) return []; 
-				let result = [
-        {
-          src: erntefeste.map((erntefest) =>
-            RitzenbergenLib.RitzenbergenLib.api(
-              "randomimage.php?path=/erntefest/" +
-                erntefest +
-                "&recursive=1&tn=1&text=" +
-                erntefest +
-                "&color=white"
-            )
-          ),
-          title: "Erntefeste",
-          ev: "erntefest",
-        },
-        {
-          src: osterfeuer.map((osterfeuer) =>
-            RitzenbergenLib.RitzenbergenLib.api(
-              "randomimage.php?path=/osterfeuer/" +
-                osterfeuer +
-                "&recursive=1&tn=1&text=" +
-                osterfeuer +
-                "&color=white"
-            )
-          ),
-          title: "Osterfeuer",
-          ev: "osterfeuer",
-        },
-        {
-          src: doppelkopf.map((doppelkopf) =>
-            RitzenbergenLib.RitzenbergenLib.api(
-              "randomimage.php?path=/doppelkopf/" +
-                doppelkopf +
-                "&recursive=1&tn=1&text=" +
-                doppelkopf +
-                "&color=white"
-            )
-          ),
-          title: "Doppelkopf",
-          ev: "doppelkopf",
-        },
-        {
-          src: fussball.map((fussball) =>
-            RitzenbergenLib.RitzenbergenLib.api(
-              "randomimage.php?path=/fussball/" +
-                fussball +
-                "&recursive=1&tn=1&text=" +
-                fussball +
-                "&color=white"
-            )
-          ),
-          title: "Fußballturniere",
-          ev: "fussball",
-        },
-      ];
-
-      return result.map((ev) => {
-        let jahre = this.get_jahre(ev.ev);
-        ev.links = jahre.map((jahr) => {
-          return "/bild/" + ev.ev + "/" + jahr;
-        });
-        return ev;
-      });
-    },
-  },
-  methods: {
-    get_jahre(event) {
-      let result;
-      $.ajax(RitzenbergenLib.RitzenbergenLib.api("/galerie/get_jahre.php"), {
-        success(data) {
-          result = JSON.parse(data);
-        },
-        async: false,
-        data: { event },
-      });
-      return result;
-    },
-  },
-  mounted(){
-    if(this.$route.params.ev){
-      let ev = this.$route.params.ev;
-      
-      if(this.$refs[ev]) this.$refs[ev][0].scrollIntoView();
-      this.$router.push("/galerie");
-    }
-  }
-};
-</script>
-<template>
-  <Navbar :links="[
-    { title: 'Erntefest', link: '/galerie/erntefest' },
-    { title: 'Osterfeuer', link: '/galerie/osterfeuer' },
-    { title: 'Doppelkopf', link: '/galerie/doppelkopf' },
-    { title: 'Fußballturniere', link: '/galerie/fussball' },
-  ]" />
-  <br />
-  <br />
-  <br />
-  <br />
-  <br />
-  <br />
-
-  <section class="article12 cid-u6k7q0yKNv" id="about-us-12-u6k7q0yKNv">
-    <div class="container">
-      <div class="row justify-content-center">
-        <div class="col-md-12 col-lg-10">
-          <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
-            <strong>Willkommen in der Galerie</strong>
-          </h3>
-          <p class="mbr-text mbr-fonts-style display-7">
-            In unserem Fotoalbum findest du chronisch geordnete Bilder
-            verschiedener Veranstaltungen aus den letzten Jahrzehnten. Einfach
-            auf ein Bild mit einer Jahreszahl raufklicken.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <br /><br />
-  <section
-    class="slider4 mbr-embla cid-u6k7q0yLdW"
-    :ref="event.ev"
-    v-for="event in events"
-  >
-    <div class="container-fluid">
-      <div class="row">
-        <h4
-          class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
-        >
-          <strong>{{ event.title }}</strong>
-        </h4>
-        <div class="col-12">
-          <br />
-          <Embla :src="event.src" :links="event.links" />
-        </div>
-      </div>
-    </div>
-    <br /><br /><br />
-  </section>
-	<h1 v-if="events.length==0">Keine Internetverbindung!</h1>
-    <br /><br /><br />
-  <MyFooter />
-</template>
-<style scoped></style>
--- a/app/pages/adminpanel/AdminPanelLogin.vue
+++ b/app/pages/adminpanel/AdminPanelLogin.vue
@@ -2,7 +2,7 @@
 		import Navbar from "../../components/Navbar.vue";
 		import { ref } from "vue";
 		import { useRouter } from 'vue-router'
-		import RitzenbergenLib from "../../ritzenbergenlib.ts";
+		import RitzenbergenLib from "../../ritzenbergenlib";
 		
 		

--- a/app/pages/bildschau/[event]/[year]/[i].vue
+++ b/app/pages/bildschau/[event]/[year]/[i].vue
@@ -1,28 +1,71 @@
 <script lang="ts">
-import MyFooter from "../components/MyFooter.vue"; // Geändert von Footer auf MyFooter
-import Navbar from "../components/Navbar.vue";
-import RitzenbergenLib from "../ritzenbergenlib";
-import $ from "jquery";
+import type { JahrMitBild } from "~/dto/galerie.dto";
+import MyFooter from "../../../../components/MyFooter.vue"; // Geändert von Footer auf MyFooter
+import Navbar from "../../../../components/Navbar.vue";
+import RitzenbergenLib from "../../../../ritzenbergenlib";
+const route=useRoute();
+
+const {$gql} = useNuxtApp();
+

 export default {
 	components: {
 		Navbar,
 		MyFooter, // Geändert von Footer auf MyFooter
 	},
+	onMounted(){
+		console.log($gql.request<{bilder:JahrMitBild[]}>(`
+{
+	bilder(event: "${route.params.ev}", jahr: ${route.params.jahr}) {
+
+		jahr
+		bild
+	
+	}
+}
+		`));
+		
+	},
 	data() {
+		
+
 		return {
-			bild: parseInt(<string>this.$route.params.bild),
-			ev: this.$route.params.ev,
-			jahr: this.$route.params.jahr,
+			bild: parseInt(<string>route.params.i),
+			ev: route.params.ev,
+			jahr: route.params.jahr,
 			RitzenbergenLib: RitzenbergenLib.RitzenbergenLib,
 			username: "",
 			kommentar: "",
-			reloader: false
+			reloader: false,
+			bilder: [],
 		};
 	},
 	asyncComputed: {
 		kommentare: {
 			get() {
+							},
+			default: null,
+			watch: ["bild", "ev", "jahr","reloader"],
+		},
+		bilder: {
+			get(){
+				// erwartete Rückgabe: ["/erntefest/2011/pi01.jpg"]
+				return $gql.request(`
+{
+	bilder(event: "${route.params.event}", jahr: ${route.params.year})
+}
+
+`).then(()=>{
+
+				});
+			},
+			default: [],
+			watch: []
+
+		}
+	},
+	methods: {
+		getKommentare(){
 				const url = new URL(
 					RitzenbergenLib.RitzenbergenLib.api(
 						"/galerie/get_kommentare.php"
@@ -34,34 +77,8 @@ export default {
 				return fetch(url, {
 					method: "GET",
 				}).then((response) => response.json());
-			},
-			default: null,
-			watch: ["bild", "ev", "jahr","reloader"],
-		},
-	},
-	computed: {
-		bilder() {
-			let result: any[] = [];

-			$.ajax(
-				RitzenbergenLib.RitzenbergenLib.api("/galerie/get_bilder.php"),
-				{
-					async: false,
-					success(data: string) {
-						result = JSON.parse(data);
 		},
-					method: "GET",
-					data: {
-						ev: this.ev,
-						jahr: this.jahr,
-					},
-				}
-			);
-
-			return result;
-		},
-	},
-	methods: {
 		kommentarsubmit() {
 			const url = new URL(
 				RitzenbergenLib.RitzenbergenLib.api(
@@ -153,7 +170,7 @@ export default {
 	<MyFooter></MyFooter>
 </template>
 <style scoped lang="scss">
-@import "../assets/bildschau/style.sass";
+@import "../../../../assets/bildschau/style.sass";

 .roboto-thin {
 	font-family: "Roboto", sans-serif;
--- a/app/pages/bildvorschau/[event]/[year].vue
+++ b/app/pages/bildvorschau/[event]/[year].vue
@@ -1,83 +1,76 @@
-<script lang="ts">
-import { RouterLink } from "vue-router";
-import Navbar from "../components/Navbar.vue";
-import RitzenbergenLib from "../ritzenbergenlib";
-import Footer from "../components/MyFooter.vue";
-import $ from "jquery";
+<script lang="ts" setup>
+import Navbar from "../../../components/Navbar.vue";
+import Footer from "../../../components/MyFooter.vue";
+import type { JahrMitBild } from "~/dto/galerie.dto";

-export default {
-  data() {
-    return {
-      ev: this.$route.params.ev,
-      jahr: this.$route.params.jahr,
-      RitzenbergenLib: RitzenbergenLib.RitzenbergenLib,
-    };
-  },
-  computed: {
-    bilder() {
-      let result: any[] = [];
+const route=useRoute();

-      $.ajax(RitzenbergenLib.RitzenbergenLib.api("/galerie/get_bilder.php"),{
-        async: false,
-        success(data: string) {
-          result=JSON.parse(data);
-        },
-        method: "GET",
-        data: {
-          ev: this.ev,
-          jahr: this.jahr
+const {event, year} = route.params;
+
+function capitalizeFirstLetter(str: string){
+
+  if (str.length === 0) return str;
+  return str[0].toUpperCase() + str.slice(1);
+
+}
+
+const {$gql} = useNuxtApp();
+
+const bilder: string[]=(await $gql.request<{bilder:JahrMitBild[]}>(`
+{
+  bilder(event: "${event}", jahr: ${year}) {
+    jahr
+    bild
+  }
+}
+`)).bilder[0].bild;
+
+function toTable<T>(input: T[], columns: number = 5): T[][] {
+    if (columns <= 0) {
+        throw new Error("columns must be > 0");
+    }
+
+    const result: T[][] = [];
+
+    for (let i = 0; i < input.length; i += columns) {
+        const row = input.slice(i, i + columns);
+        result.push(row);
    }
-      });

    return result;
-    },
-    bildersplitted() {
-      let result: any[] = [];
-      this.bilder.forEach((element, i) => {
-        if (i % 5 == 0) {
-          result.push([]);
-        }
-        result[result.length - 1].push(element);
-      });
-      return result;
-    },
-    einereihe() {
-      return this.bilder.length <= 5;
-    },
-  },
-  components: {
-    RouterLink,
-    Navbar,
-    Footer,
-  },
-  methods: {
-    capitalizeFirstLetter(str: string) {
-      return str.charAt(0).toUpperCase() + str.slice(1);
-    },
-  },
-};
+}
+
+function getImg(filename){
+
+  return 'http://localhost:3000/api/galerie/bild/'+event+'/'+year+'/'+filename;
+
+}
+
+const bildersplitted=toTable<string>(bilder);
+console.log(bildersplitted);;
+
 </script>
 <template>
  <Navbar />
  <section class="galerie-section">
    <div class="galerie-container">
-      <h2>{{ capitalizeFirstLetter(ev) }} {{ jahr }}</h2>
+      <h2>{{ capitalizeFirstLetter(<string>event) }} {{ year }}</h2>
      Vorschaubilder <br />
      {{ bilder.length }} Bilder
      <table>
        <tbody>
          <tr v-for="row, i in bildersplitted">
            <td v-for="column, j in row">
-              <RouterLink :to="jahr+'/'+(i*5+j).toString()"
-                ><img :src="RitzenbergenLib.get_img(column)" alt="Vorschaubild"
-              /></RouterLink>
+              <NuxtLink :to="'/bildschau/'+event+'/'+year+'/'+(i*5+j)"
+                ><img :src="getImg(column)" alt="Vorschaubild"
+              /></NuxtLink>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>
-  <div class="platzhalter" v-if="einereihe"></div>
+  <div class="platzhalter" v-if="bilder.length<=5"></div> <!-- Eine Reihe -->
  <Footer></Footer>
 </template>
 <style scoped>
--- a/app/pages/bulitipp.vue
+++ b/app/pages/bulitipp.vue
@@ -6,10 +6,9 @@ import Uebersicht from "../components/bulitipp/Uebersicht.vue";
 import Rangliste from "../components/bulitipp/Rangliste.vue";
 import Paarungsergebnisse from "../components/bulitipp/Paarungsergebnisse.vue";
 import Tabelle from "../components/bulitipp/Tabelle.vue";
-import RitzenbergenLib from "../ritzenbergenlib.ts";
-import SpieltagSumme from "../ritzenbergenlib.ts";
+import RitzenbergenLib from "../ritzenbergenlib";
+import SpieltagSumme from "../ritzenbergenlib";
 import Loading from "../components/bulitipp/Loading.vue";
-import $ from "jquery";
 import Tippen from "../components/bulitipp/Tippen.vue";
 import TippenEinloggen from "../components/bulitipp/TippenEinloggen.vue";

--- a/app/pages/galerie.vue
+++ b/app/pages/galerie.vue
@@ -0,0 +1,131 @@
+<script lang="ts" setup>
+import Navbar from "../components/Navbar.vue";
+import Embla from "../components/Embla.vue";
+import MyFooter from "../components/MyFooter.vue"; 
+
+const { $gql } = useNuxtApp();
+
+function mapperSrc(event:string, jahr:number){
+  return "http://localhost:3000/api/galerie/randomimage/"+event+"/"+jahr;
+}
+function mapperLink(event:string, jahr:number){
+  return "/bildvorschau/"+event+"/"+jahr;
+}
+
+const events = await $gql.request<{
+  erntefest: Array<{jahr:number}>,
+  osterfeuer: Array<{jahr:number}>,
+  fussball: Array<{jahr:number}>,
+  doppelkopf: Array<{jahr:number}>
+}>(`
+{
+  erntefest: bilder(event: "erntefest") {
+    jahr
+  }
+
+  osterfeuer: bilder(event: "osterfeuer") {
+    jahr
+  }
+
+  doppelkopf: bilder(event: "doppelkopf") {
+    jahr
+  }
+
+  fussball: bilder(event: "fussball") {
+    jahr
+  }
+}
+
+`);
+  
+const mappedEvents=[
+  {
+    "title":"Erntefest",
+    "src": events.erntefest.map((event)=>mapperSrc("erntefest",event.jahr)),
+    "links": events.erntefest.map((event)=>mapperLink("erntefest",event.jahr)),
+    "id":"erntefest",
+    "jahre": events.erntefest.map((event)=>event.jahr)
+  },
+  {
+    "title":"Osterfeuer",
+    "src": events.osterfeuer.map((event)=>mapperSrc("osterfeuer",event.jahr)),
+    "links": events.osterfeuer.map((event)=>mapperLink("osterfeuer",event.jahr)),
+    "id":"osterfeuer",
+    "jahre": events.osterfeuer.map((ev)=>ev.jahr),
+  },
+  {
+    "title":"Preisdoppelkopf",
+    "src": events.doppelkopf.map((event)=>mapperSrc("doppelkopf",event.jahr)),
+    "links": events.doppelkopf.map((event)=>mapperLink("doppelkopf",event.jahr)),
+    "id":"doppelkopf",
+    "jahre": events.doppelkopf.map((ev)=>ev.jahr),
+  },
+  {
+    "title":"Fußballturniere",
+    "src": events.fussball.map((event)=>mapperSrc("fussball",event.jahr)),
+    "links": events.fussball.map((event)=>mapperLink("fussball",event.jahr)),
+    "id":"fussball",
+    "jahre": events.fussball.map((ev)=>ev.jahr),
+  },
+]
+
+
+</script>
+<template>
+  <Navbar :links="[
+    { title: 'Erntefest', link: '/galerie/#erntefest' },
+    { title: 'Osterfeuer', link: '/galerie/#osterfeuer' },
+    { title: 'Doppelkopf', link: '/galerie/#doppelkopf' },
+    { title: 'Fußballturniere', link: '/galerie/#fussball' },
+  ]" />
+  <br />
+  <br />
+  <br />
+  <br />
+  <br />
+  <br />
+
+  <section class="article12 cid-u6k7q0yKNv" id="about-us-12-u6k7q0yKNv">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-md-12 col-lg-10">
+          <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
+            <strong>Willkommen in der Galerie</strong>
+          </h3>
+          <p class="mbr-text mbr-fonts-style display-7">
+            In unserem Fotoalbum findest du chronisch geordnete Bilder
+            verschiedener Veranstaltungen aus den letzten Jahrzehnten. Einfach
+            auf ein Bild mit einer Jahreszahl raufklicken.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <br /><br />
+  <section
+    class="slider4 mbr-embla cid-u6k7q0yLdW"
+    v-for="event in mappedEvents"
+    :id="event.id"
+  >
+    <div class="container-fluid">
+      <div class="row">
+        <h4
+          class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
+        >
+          <strong>{{ event.title }}</strong>
+        </h4>
+        <div class="col-12">
+          <br />
+          <!-- src: Link zum Randomimage, links: Link zur Bildschau -->
+          <Embla :src="event.src" :links="event.links" :jahre="event.jahre" />
+        </div>
+      </div>
+    </div>
+    <br /><br /><br />
+  </section>
+	<h1 v-if="mappedEvents.length==0">Keine Internetverbindung!</h1>
+    <br /><br /><br />
+  <MyFooter />
+</template>
+<style scoped></style>
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,10 +1,8 @@
 <script lang="ts" setup>
 import Navbar from "../components/Navbar.vue";
-import Modal from "../components/Modal.vue";
 import Embla from "../components/Embla.vue";
 import Umgebung from "../components/startseite/Umgebung.vue";
-import MyFooter from "../components/MyFooter.vue"; // Geändert von Footer auf MyFooter
-import RitzenbergenLib from "../ritzenbergenlib";
+import MyFooter from "../components/MyFooter.vue"; 
 import WillkommenText from "../components/startseite/WillkommenText.vue";
 import Bilderbuch from "../components/startseite/Bilderbuch.vue";
 import Forms from "../components/startseite/Forms.vue";
@@ -13,35 +11,7 @@ import Willkommen from "../components/startseite/Willkommen.vue";
 import { ref } from "vue";


-const images=ref([]);
-async function loadImage(path: string) {
-	try{
-	const response = await fetch(RitzenbergenLib.RitzenbergenLib.api(path), {
-		headers: {
-				"Accept":"image/png"
-		}
-	});
-	if(!response.ok) return false;
-	const blob = await response.blob();
-	return URL.createObjectURL(blob);
-}catch(e){
-		console.warn(e);
-}
-}
-
-// loadImage("randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3").then((url)=>{
-// 		images.value[0]=url;
-// });
-// loadImage("randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3").then((url)=>{
-// 		images.value[1]=url;
-// });
-// loadImage("randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3").then((url)=>{
-// 		images.value[2]=url;
-// });
-// loadImage("randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3").then((url)=>{
-// 		images.value[3]=url;
-// });
-
+const images=ref(["http://localhost:3000/api/galerie/randomimage/erntefest","http://localhost:3000/api/galerie/randomimage/osterfeuer","http://localhost:3000/api/galerie/randomimage/doppelkopf","http://localhost:3000/api/galerie/randomimage/fussball","http://localhost:3000/api/galerie/bild/andere/0/hauptfoto.jpg"]);
 </script>

 <template>
@@ -55,24 +25,26 @@ async function loadImage(path: string) {
  <Forms/>
      

-  <!-- <Bilderbuch/> -->
+  <Bilderbuch/>



-	<!-- <section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW" v-if="images[0]">
+	<section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW" v-if="images[0]">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">

          <Embla :src="images"
+          :font-size="49"

          :links='[
-            "/galerie/erntefest",
-            "/galerie/osterfeuer",
-            "/galerie/doppelkopf",
-            "/galerie/fussball",
+            "/galerie/#erntefest",
+            "/galerie/#osterfeuer",
+            "/galerie/#doppelkopf",
+            "/galerie/#fussball",
            ""
          ]'
+          :jahre="['Erntefest','Osterfeuer','Doppelkopf', 'Fußball','']"
          />
        </div>
      </div>
@@ -86,10 +58,10 @@ async function loadImage(path: string) {


  <br>
-  <br> -->
+  <br>


-  <Umgebung ref="umgebung" />
+  <Umgebung ref="umgebung" id="umgebung" />
  <MyFooter ref="footer" />

 </template>
--- a/app/plugins/graphql.ts
+++ b/app/plugins/graphql.ts
@@ -0,0 +1,16 @@
+import { GraphQLClient } from "graphql-request";
+
+export default defineNuxtPlugin(() => {
+  const config=useRuntimeConfig();
+
+  const endpoint = import.meta.server
+  ? config.graphqlEndpoint
+  : config.public.graphqlEndpoint
+
+  const client = new GraphQLClient(endpoint);
+  return {
+    provide: {
+      gql: client
+    }
+  }
+});
--- a/app/plugins/my-fetch.ts
+++ b/app/plugins/my-fetch.ts
@@ -0,0 +1,15 @@
+export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig()
+
+  const myfetch = $fetch.create({
+    baseURL: import.meta.server ? config.apiBase : config.public.apiBase,
+    onRequest({ options }) {
+    },
+  })
+
+  return {
+    provide: {
+      myfetch: myfetch,
+    },
+  }
+})
--- a/app/ritzenbergen-dto
+++ b/app/ritzenbergen-dto
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,11 +1,22 @@
+import { GraphQLClient } from "graphql-request";
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },
-  modules: [],
+  ssr: false,
+  modules: ["@formkit/nuxt"],
  devServer: {
    port: 1420
  },
+  runtimeConfig: {
+    graphqlEndpoint: process.env.GRAPHQL_ENDPOINT_INTERNAL || "http://localhost:3000/graphql",
+    apiBase: process.env.API_BASE_INTERNAL || "http://localhost:3000/api",
+    public: {
+      graphqlEndpoint: process.env.GRAPHQL_ENDPOINT_PUBLIC || "http://backend:3000/graphql",
+      apiBase: process.env.API_BASE_PUBLIC || "http://backend:3000/api"
+    }
+  },

  css: [
    '~/assets/mobirise/css/additional.scss',
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,17 +7,31 @@
      "name": "nuxt-test",
      "hasInstallScript": true,
      "dependencies": {
+        "@formkit/nuxt": "^2.0.0",
+        "@formkit/themes": "^2.0.0",
+        "@formkit/vue": "^2.0.0",
        "@nuxtjs/tailwindcss": "^6.14.0",
+        "@tauri-apps/api": "^2",
+        "@tauri-apps/plugin-opener": "^2",
+        "bcryptjs": "^3.0.3",
+        "crypto-js": "^4.2.0",
+        "embla-carousel-vue": "^8.6.0",
        "graphql-request": "^7.4.0",
        "jarallax": "^3.0.0",
        "katex": "^0.16.45",
+        "moment": "^2.30.1",
        "nuxt": "^4.4.2",
+        "process": "^0.11.10",
+        "sloc": "^0.3.2",
+        "striptags": "^3.2.0",
+        "vscode-langservers-extracted": "^4.10.0",
        "vue": "^3.5.32",
        "vue-renderer-markdown": "^0.0.62",
        "vue-router": "^5.0.4"
      },
      "devDependencies": {
        "@tauri-apps/cli": "^2.10.1",
+        "@types/markdown-it": "^14.1.2",
        "sass-embedded": "^1.99.0"
      }
    },
@@ -1045,6 +1059,174 @@
      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
      "license": "MIT"
    },
+    "node_modules/@formkit/core": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/core/-/core-2.0.0.tgz",
+      "integrity": "sha512-y56SDriprtH44wJEPsEcsGXMZkBHzOT7gKJwX1uSmeM1aXnzMn86SEm5RIwNrDW7MVAgCjPPry/YAZxGgt2peA==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/utils": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/dev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/dev/-/dev-2.0.0.tgz",
+      "integrity": "sha512-AFoRoFmoZjywfrRcbjyvuCSHeWS1lADn4tTuyx1nW1ZXw40G4T6ZoTW+ooiZKALpT2FpoKEnktbnQh97crozBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/utils": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/i18n": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/i18n/-/i18n-2.0.0.tgz",
+      "integrity": "sha512-crUPI5vNyubvOJek24FAMQ2T2wVTaFrisnf9GudI3oj9+Gu73sUZZBH7cQ3Mhf3WpE0QimMEhmDknYIaxoVwXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/utils": "^2.0.0",
+        "@formkit/validation": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/inputs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/inputs/-/inputs-2.0.0.tgz",
+      "integrity": "sha512-RK5KRtMg3YHTCOZ0z83yzFTCb9im1n4gAq/YFUs51jzWthzOdpSSTTOpmQBYq2WhHehC4JZuCuDsVc7UasC3yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/utils": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/nuxt": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/nuxt/-/nuxt-2.0.0.tgz",
+      "integrity": "sha512-pJVVMAjwCV+nqNsMUVcGr7K8WuhFckSubX/zVAj8eHx9s3m4soE111UTl7sKu5onujbhYFvQ6dyQKLmrFA/OLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/i18n": "^2.0.0",
+        "@formkit/vue": "^2.0.0",
+        "chokidar": "^4.0.0",
+        "pathe": "^2.0.0",
+        "unplugin": "^2.0.0",
+        "unplugin-formkit": "^0.2.13"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.10.3 || ^4.0.0"
+      }
+    },
+    "node_modules/@formkit/nuxt/node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@formkit/nuxt/node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@formkit/nuxt/node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/@formkit/observer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/observer/-/observer-2.0.0.tgz",
+      "integrity": "sha512-1DSKS28XCRSzRFHN+OVBe/6tKup6Tc1VtEvy2sGXfRsNRRo6my62pAB7EhcRcp+zu2keTkWhOcLx/ncz4GBgug==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/utils": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/rules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/rules/-/rules-2.0.0.tgz",
+      "integrity": "sha512-JXxG5SdSDdlI2X9u/hNzK/7kQXR8o9+9HCvivhsBOquc52YcQ1uvfwT08wRRkYhRcO0IkXLIIW4fKCWuDsEVpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/utils": "^2.0.0",
+        "@formkit/validation": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/themes": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/themes/-/themes-2.0.0.tgz",
+      "integrity": "sha512-Rtad6OPtOFYF8C8FdR/BrUCkIoDY55ixRMxSQ0r3On/R2ERf3ub7YmyTWUUcoIG/cgITOEFloLz+yKRlyTkFQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/utils/-/utils-2.0.0.tgz",
+      "integrity": "sha512-9ql3QKsJvdhHY/lFVaXlML0kXTYhv/v/pKytrT3Oby5zIOuUOV/11+25rU+YkpnZePZ8AIhc0INW1iUGr4nF8w==",
+      "license": "MIT"
+    },
+    "node_modules/@formkit/validation": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/validation/-/validation-2.0.0.tgz",
+      "integrity": "sha512-hAB2koAF9BPw3b2PnqQ4wyZa9QJ1X/T0r8ixBBuvgJpQFJM1YUBGM1FjuI7YmAEzrjghflriegbZK9IAFqTRcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/observer": "^2.0.0",
+        "@formkit/utils": "^2.0.0"
+      }
+    },
+    "node_modules/@formkit/vue": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/vue/-/vue-2.0.0.tgz",
+      "integrity": "sha512-mn0K+Gj2a6YZTCsL3rQk8F2AzOJTzWG7GwSgGJU1PmItMlzcKFkCC+kjqS4HpVCeSLRq5nUPlVsoxeSd2/pLNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "^2.0.0",
+        "@formkit/dev": "^2.0.0",
+        "@formkit/i18n": "^2.0.0",
+        "@formkit/inputs": "^2.0.0",
+        "@formkit/observer": "^2.0.0",
+        "@formkit/rules": "^2.0.0",
+        "@formkit/themes": "^2.0.0",
+        "@formkit/utils": "^2.0.0",
+        "@formkit/validation": "^2.0.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.4.0"
+      }
+    },
    "node_modules/@graphql-typed-document-node/core": {
      "version": "3.2.0",
      "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
@@ -3566,6 +3748,16 @@
      "integrity": "sha512-BMq1K3DsElxDWawkX6eLg9+CKJrTVGCBAWVuHXVUV2u0s2711qiChLSId6ikYPfxhdYocLNt3wWwSvDiTvFabw==",
      "license": "CC0-1.0"
    },
+    "node_modules/@tauri-apps/api": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/api/-/api-2.11.0.tgz",
+      "integrity": "sha512-7CinYODhky9lmO23xHnUFv0Xt43fbtWMyxZcLcRBlFkcgXKuEirBvHpmtJ89YMhyeGcq20Wuc47Fa4XjyniywA==",
+      "license": "Apache-2.0 OR MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/tauri"
+      }
+    },
    "node_modules/@tauri-apps/cli": {
      "version": "2.10.1",
      "resolved": "https://registry.npmjs.org/@tauri-apps/cli/-/cli-2.10.1.tgz",
@@ -3783,6 +3975,15 @@
        "node": ">= 10"
      }
    },
+    "node_modules/@tauri-apps/plugin-opener": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/plugin-opener/-/plugin-opener-2.5.4.tgz",
+      "integrity": "sha512-1HnPkb+AmgO29HBazm4uPLKB+r7zzcTBW1d0fyYp1uP+jwtpoiNDGKMMzz58SFp49nOIrxdE3aUJtT57lfO9CQ==",
+      "license": "MIT OR Apache-2.0",
+      "dependencies": {
+        "@tauri-apps/api": "^2.11.0"
+      }
+    },
    "node_modules/@tybys/wasm-util": {
      "version": "0.10.1",
      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
@@ -3799,17 +4000,31 @@
      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
      "license": "MIT"
    },
-    "node_modules/@types/node": {
-      "version": "25.6.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.0.tgz",
-      "integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
      "license": "MIT",
-      "optional": true,
-      "peer": true,
      "dependencies": {
-        "undici-types": "~7.19.0"
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
      }
    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true,
+      "license": "MIT"
+    },
    "node_modules/@types/resolve": {
      "version": "1.20.2",
      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
@@ -3894,6 +4109,12 @@
        "vue": "^3.0.0"
      }
    },
+    "node_modules/@vscode/l10n": {
+      "version": "0.0.18",
+      "resolved": "https://registry.npmjs.org/@vscode/l10n/-/l10n-0.0.18.tgz",
+      "integrity": "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ==",
+      "license": "MIT"
+    },
    "node_modules/@vue-macros/common": {
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/@vue-macros/common/-/common-3.1.2.tgz",
@@ -4637,6 +4858,15 @@
        "node": ">=6.0.0"
      }
    },
+    "node_modules/bcryptjs": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
    "node_modules/binary-extensions": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -4998,6 +5228,17 @@
      "integrity": "sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==",
      "license": "MIT"
    },
+    "node_modules/cli-table": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/cli-table/-/cli-table-0.3.11.tgz",
+      "integrity": "sha512-IqLQi4lO0nIB4tcdTpN4LCB9FI3uqrJZK7RC515EnhZ6qBaglkIgICb1wjeAqpdoOabm1+SuQtkXIPdYC93jhQ==",
+      "dependencies": {
+        "colors": "1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.2.0"
+      }
+    },
    "node_modules/cliui": {
      "version": "9.0.1",
      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
@@ -5056,15 +5297,13 @@
      "devOptional": true,
      "license": "MIT"
    },
-    "node_modules/commander": {
-      "version": "13.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-13.1.0.tgz",
-      "integrity": "sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==",
+    "node_modules/colors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz",
+      "integrity": "sha512-pFGrxThWcWQ2MsAz6RtgeWe4NK2kUE1WfsrvvlctdII745EW9I0yflqhe7++M5LEc7bV2c/9/5zc8sFcpL0Drw==",
      "license": "MIT",
-      "optional": true,
-      "peer": true,
      "engines": {
-        "node": ">=18"
+        "node": ">=0.1.90"
      }
    },
    "node_modules/commondir": {
@@ -5174,6 +5413,17 @@
        "node": ">= 0.8"
      }
    },
+    "node_modules/core-js": {
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.49.0.tgz",
+      "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
    "node_modules/core-util-is": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -5268,6 +5518,12 @@
        "uncrypto": "^0.1.3"
      }
    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
    "node_modules/css-declaration-sorter": {
      "version": "7.4.0",
      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.4.0.tgz",
@@ -5768,6 +6024,34 @@
      "integrity": "sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==",
      "license": "ISC"
    },
+    "node_modules/embla-carousel": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
+      "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
+      "license": "MIT"
+    },
+    "node_modules/embla-carousel-reactive-utils": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
+      "integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "embla-carousel": "8.6.0"
+      }
+    },
+    "node_modules/embla-carousel-vue": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-vue/-/embla-carousel-vue-8.6.0.tgz",
+      "integrity": "sha512-v8UO5UsyLocZnu/LbfQA7Dn2QHuZKurJY93VUmZYP//QRWoCWOsionmvLLAlibkET3pGPs7++03VhJKbWD7vhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "embla-carousel": "8.6.0",
+        "embla-carousel-reactive-utils": "8.6.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.37"
+      }
+    },
    "node_modules/emoji-regex": {
      "version": "10.6.0",
      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
@@ -6481,6 +6765,15 @@
        "node": ">= 0.4"
      }
    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
    "node_modules/hookable": {
      "version": "6.1.1",
      "resolved": "https://registry.npmjs.org/hookable/-/hookable-6.1.1.tgz",
@@ -7006,6 +7299,12 @@
        "node": ">=6"
      }
    },
+    "node_modules/jsonc-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
+      "license": "MIT"
+    },
    "node_modules/jsonfile": {
      "version": "6.2.1",
      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
@@ -7771,6 +8070,15 @@
      "integrity": "sha512-aF7yRQr/Q0O2/4pIXm6PZ5G+jAd7QS4Yu8m+WEeEHGnbo+7mE36CbLSDQiXYV8bVL3NfmdeqPJct0tUlnjVSnA==",
      "license": "MIT"
    },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
    "node_modules/mrmime": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -7987,6 +8295,16 @@
        "node-gyp-build-test": "build-test.js"
      }
    },
+    "node_modules/node-html-parser": {
+      "version": "6.1.13",
+      "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-6.1.13.tgz",
+      "integrity": "sha512-qIsTMOY4C/dAa5Q5vsobRpOOvPfC4pB61UVW2uSwZNUp0QU/jCekTal1vMmbO0DgdHeLUJpv/ARmDqErVxA3Sg==",
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^5.1.0",
+        "he": "1.2.0"
+      }
+    },
    "node_modules/node-mock-http": {
      "version": "1.0.4",
      "resolved": "https://registry.npmjs.org/node-mock-http/-/node-mock-http-1.0.4.tgz",
@@ -9375,6 +9693,12 @@
        "node": ">=4"
      }
    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT"
+    },
    "node_modules/regexp-tree": {
      "version": "0.1.27",
      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
@@ -9564,6 +9888,12 @@
        "node": ">=12"
      }
    },
+    "node_modules/request-light": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.7.0.tgz",
+      "integrity": "sha512-lMbBMrDoxgsyO+yB3sDcrDuX85yYt7sS8BfQd11jtbW/z5ZWgLZRcEGLsLoYw7I0WSUGQBs8CC8ScIxkTX1+6Q==",
+      "license": "MIT"
+    },
    "node_modules/require-directory": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -9906,7 +10236,6 @@
        "!riscv64",
        "!x64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "dependencies": {
@@ -9920,7 +10249,6 @@
      "cpu": [
        "arm"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -9937,7 +10265,6 @@
      "cpu": [
        "arm64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -9954,7 +10281,6 @@
      "cpu": [
        "riscv64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -9971,7 +10297,6 @@
      "cpu": [
        "x64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -9988,7 +10313,6 @@
      "cpu": [
        "arm64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10005,7 +10329,6 @@
      "cpu": [
        "x64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10022,7 +10345,6 @@
      "cpu": [
        "arm"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10039,7 +10361,6 @@
      "cpu": [
        "arm64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10056,7 +10377,6 @@
      "cpu": [
        "arm"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10073,7 +10393,6 @@
      "cpu": [
        "arm64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10090,7 +10409,6 @@
      "cpu": [
        "riscv64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10107,7 +10425,6 @@
      "cpu": [
        "x64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10124,7 +10441,6 @@
      "cpu": [
        "riscv64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10141,7 +10457,6 @@
      "cpu": [
        "x64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10155,7 +10470,6 @@
      "version": "1.99.0",
      "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.99.0.tgz",
      "integrity": "sha512-P7MxiUtL/XzGo3PX0CaB8lNNEFLQWKikPA8pbKytx9ZCLZSDkt2NJcdAbblB/sqMs4AV3EK2NadV8rI/diq3xg==",
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10175,7 +10489,6 @@
      "cpu": [
        "arm64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10192,7 +10505,6 @@
      "cpu": [
        "x64"
      ],
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "os": [
@@ -10454,6 +10766,54 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/sloc": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/sloc/-/sloc-0.3.2.tgz",
+      "integrity": "sha512-tnB+gi6TiFpt3qmCGfaV+78dfKwLiH5HRohkW+PnJYHNAcEdk408uxWG+F/3pu4w1eyCO2NC5CpZKuiyMac5GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "async": "^3.2.4",
+        "cli-table": "^0.3.11",
+        "commander": "^11.0.0",
+        "readdirp": "^3.3.0"
+      },
+      "bin": {
+        "sloc": "bin/sloc"
+      }
+    },
+    "node_modules/sloc/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/sloc/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/sloc/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
    "node_modules/smob": {
      "version": "1.6.1",
      "resolved": "https://registry.npmjs.org/smob/-/smob-1.6.1.tgz",
@@ -10696,6 +11056,12 @@
      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
      "license": "MIT"
    },
+    "node_modules/striptags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+      "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw==",
+      "license": "MIT"
+    },
    "node_modules/structured-clone-es": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/structured-clone-es/-/structured-clone-es-2.0.0.tgz",
@@ -11304,21 +11670,6 @@
      "integrity": "sha512-wTk4DH3cxwk196uGLK/E9pE45aLfeKJacKmcEgEOA/q5dnPGNxXt0cfYdFxb57L+sEpf1oJH4Dnx/pnRcku9jg==",
      "license": "MIT"
    },
-    "node_modules/typescript": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
-      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
    "node_modules/uc.micro": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
@@ -11379,14 +11730,6 @@
        "node": ">=18.12.0"
      }
    },
-    "node_modules/undici-types": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
-      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
    "node_modules/unenv": {
      "version": "2.0.0-rc.24",
      "resolved": "https://registry.npmjs.org/unenv/-/unenv-2.0.0-rc.24.tgz",
@@ -11477,6 +11820,49 @@
        "node": "^20.19.0 || >=22.12.0"
      }
    },
+    "node_modules/unplugin-formkit": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/unplugin-formkit/-/unplugin-formkit-0.2.13.tgz",
+      "integrity": "sha512-qNHz7/0QDO0uVD5MoUZz49CI7q8cHM24RQDwbs5NfRJ6EiyZ1gBmWq9ta3QHR2nD7xacXV+yzmfDbnwlNpkzsg==",
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^1.1.1",
+        "unplugin": "^1.4.0"
+      },
+      "peerDependenciesMeta": {
+        "esbuild": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-formkit/node_modules/pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "license": "MIT"
+    },
+    "node_modules/unplugin-formkit/node_modules/unplugin": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
+      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
    "node_modules/unplugin-utils": {
      "version": "0.3.1",
      "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
@@ -12098,6 +12484,190 @@
        "@types/estree": "^1.0.0"
      }
    },
+    "node_modules/vscode-css-languageservice": {
+      "version": "6.3.10",
+      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-6.3.10.tgz",
+      "integrity": "sha512-eq5N9Er3fC4vA9zd9EFhyBG90wtCCuXgRSpAndaOgXMh1Wgep5lBgRIeDgjZBW9pa+332yC9+49cZMW8jcL3MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-languageserver-types": "3.17.5",
+        "vscode-uri": "^3.1.0"
+      }
+    },
+    "node_modules/vscode-html-languageservice": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-5.6.2.tgz",
+      "integrity": "sha512-ulCrSnFnfQ16YzvwnYUgEbUEl/ZG7u2eV27YhvLObSHKkb8fw1Z9cgsnUwjTEeDIdJDoTDTDpxuhQwoenoLNMg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-languageserver-types": "^3.17.5",
+        "vscode-uri": "^3.1.0"
+      }
+    },
+    "node_modules/vscode-json-languageservice": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/vscode-json-languageservice/-/vscode-json-languageservice-5.7.2.tgz",
+      "integrity": "sha512-WtKRDtJfFEmLrgtu+ODexOHm/6/krRF0k6t+uvkKIKW1Jh9ZIyxZQwJJwB3qhrEgvAxa37zbUg+vn+UyUK/U2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "jsonc-parser": "^3.3.1",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-languageserver-types": "^3.17.5",
+        "vscode-uri": "^3.1.0"
+      }
+    },
+    "node_modules/vscode-jsonrpc": {
+      "version": "9.0.0-next.11",
+      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-9.0.0-next.11.tgz",
+      "integrity": "sha512-u6LElQNbSiE9OugEEmrUKwH6+8BpPz2S5MDHvQUqHL//I4Q8GPikKLOUf856UnbLkZdhxaPrExac1lA3XwpIPA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/vscode-langservers-extracted": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/vscode-langservers-extracted/-/vscode-langservers-extracted-4.10.0.tgz",
+      "integrity": "sha512-EFf9uQI4dAKbzMQFjDvVm1xJq1DXAQvBEuEfPGrK/xzfsL5xWTfIuRr90NgfmqwO+IEt6vLZm9EOj6R66xIifg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "core-js": "^3.20.1",
+        "jsonc-parser": "^3.2.1",
+        "regenerator-runtime": "^0.13.9",
+        "request-light": "^0.7.0",
+        "semver": "^7.6.1",
+        "typescript": "^4.0.5",
+        "vscode-css-languageservice": "^6.2.14",
+        "vscode-html-languageservice": "^5.2.0",
+        "vscode-json-languageservice": "^5.3.11",
+        "vscode-languageserver": "^10.0.0-next.3",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-languageserver-types": "^3.17.5",
+        "vscode-markdown-languageservice": "^0.5.0-alpha.6",
+        "vscode-nls": "^5.2.0",
+        "vscode-uri": "^3.0.8"
+      },
+      "bin": {
+        "vscode-css-language-server": "bin/vscode-css-language-server",
+        "vscode-eslint-language-server": "bin/vscode-eslint-language-server",
+        "vscode-html-language-server": "bin/vscode-html-language-server",
+        "vscode-json-language-server": "bin/vscode-json-language-server",
+        "vscode-markdown-language-server": "bin/vscode-markdown-language-server"
+      }
+    },
+    "node_modules/vscode-langservers-extracted/node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/vscode-languageserver": {
+      "version": "10.0.0-next.17",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-10.0.0-next.17.tgz",
+      "integrity": "sha512-/bwO/E3RUzIkQ1BQ70gcLdZeM8xvK0JS7gMvtug7yiH0dzTjciqqQTUh3H9NEXsqYEjLzGwiXgRUkt6Z8fQV0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode-languageserver-protocol": "3.17.6-next.17"
+      },
+      "bin": {
+        "installServerIntoExtension": "bin/installServerIntoExtension"
+      }
+    },
+    "node_modules/vscode-languageserver-protocol": {
+      "version": "3.17.6-next.17",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.6-next.17.tgz",
+      "integrity": "sha512-HW72YcFsuckfK6oPVuysRXhKiIFJoUvXgspPHvCMWpwe2x9aq2oGZDUSvKx4m/qUGB27+iu8ijAxsFlljYl2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode-jsonrpc": "9.0.0-next.11",
+        "vscode-languageserver-types": "3.17.6-next.6"
+      }
+    },
+    "node_modules/vscode-languageserver-protocol/node_modules/vscode-languageserver-types": {
+      "version": "3.17.6-next.6",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.6-next.6.tgz",
+      "integrity": "sha512-aiJY5/yW+xzw7KPNlwi3gQtddq/3EIn5z8X8nCgJfaiAij2R1APKePngv+MUdLdYJBVTLu+Qa0ODsT+pHgYguQ==",
+      "license": "MIT"
+    },
+    "node_modules/vscode-languageserver-textdocument": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
+      "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==",
+      "license": "MIT"
+    },
+    "node_modules/vscode-languageserver-types": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
+      "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==",
+      "license": "MIT"
+    },
+    "node_modules/vscode-markdown-languageservice": {
+      "version": "0.5.0-alpha.13",
+      "resolved": "https://registry.npmjs.org/vscode-markdown-languageservice/-/vscode-markdown-languageservice-0.5.0-alpha.13.tgz",
+      "integrity": "sha512-uxEdsSXdh5Bi/q1kymcqv0JziAN4gi02YPOXhqlEahsgiVGd/5cWGSJIL6hIaRtql3wBgRDNqI7CrOsODh0Yqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "node-html-parser": "^6.1.5",
+        "picomatch": "^2.3.1",
+        "vscode-languageserver-protocol": "^3.17.1",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-uri": "^3.0.7"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vscode-markdown-languageservice/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/vscode-markdown-languageservice/node_modules/vscode-jsonrpc": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
+      "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/vscode-markdown-languageservice/node_modules/vscode-languageserver-protocol": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
+      "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode-jsonrpc": "8.2.0",
+        "vscode-languageserver-types": "3.17.5"
+      }
+    },
+    "node_modules/vscode-nls": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-nls/-/vscode-nls-5.2.0.tgz",
+      "integrity": "sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng==",
+      "license": "MIT"
+    },
    "node_modules/vscode-uri": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
--- a/package.json
+++ b/package.json
@@ -10,17 +10,31 @@
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
+    "@formkit/nuxt": "^2.0.0",
+    "@formkit/themes": "^2.0.0",
+    "@formkit/vue": "^2.0.0",
    "@nuxtjs/tailwindcss": "^6.14.0",
+    "@tauri-apps/api": "^2",
+    "@tauri-apps/plugin-opener": "^2",
+    "bcryptjs": "^3.0.3",
+    "crypto-js": "^4.2.0",
+    "embla-carousel-vue": "^8.6.0",
    "graphql-request": "^7.4.0",
    "jarallax": "^3.0.0",
-    "katex": "^0.16.45",
+    "katex": "^0.17.0",
+    "moment": "^2.30.1",
    "nuxt": "^4.4.2",
+    "process": "^0.11.10",
+    "sloc": "^0.3.2",
+    "striptags": "^3.2.0",
+    "vscode-langservers-extracted": "^4.10.0",
    "vue": "^3.5.32",
    "vue-renderer-markdown": "^0.0.62",
    "vue-router": "^5.0.4"
  },
  "devDependencies": {
    "@tauri-apps/cli": "^2.10.1",
+    "@types/markdown-it": "^14.1.2",
    "sass-embedded": "^1.99.0"
  }
 }
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
Author	SHA1	Message	Date
R40fendt	c2b11884e6	Merge pull request 'Update dependency katex to ^0.17.0' (#9 ) from renovate/katex-0.x into nuxt Reviewed-on: #9	2026-06-06 15:12:42 +00:00
R40bot	164aee574e	Update dependency katex to ^0.17.0 Some checks failed renovate/artifacts Artifact file update failure	2026-06-06 15:11:47 +00:00
R40fendt	e592334fb2	Merge pull request 'Update Rust crate serde_json to v1.0.150' (#7 ) from renovate/serde_json-1.x-lockfile into nuxt Reviewed-on: #7	2026-05-30 08:50:54 +00:00
R40fendt	a832d5cf8f	Merge pull request 'Update Rust crate tauri to v2.11.2' (#8 ) from renovate/tauri-2.x-lockfile into nuxt Reviewed-on: #8	2026-05-30 08:50:45 +00:00
R40bot	9c88cfa860	Update Rust crate tauri to v2.11.2	2026-05-30 08:39:34 +00:00
R40bot	6ed630b37f	Update Rust crate serde_json to v1.0.150	2026-05-30 08:39:11 +00:00
R40fendt	8ecb64b80a	Update node Docker tag to v26 (#6 )	2026-05-09 10:17:26 +00:00
R40bot	2efef8c4aa	Update node Docker tag to v26	2026-05-08 11:08:52 +00:00
R40fendt	a42226dc13	Update package-lock.json	2026-05-08 12:17:25 +02:00
R40fendt	9f51261e58	Merge pull request 'Update node Docker tag to v25' (#5 ) from renovate/node-25.x into nuxt Reviewed-on: #5	2026-05-06 13:02:04 +00:00
R40bot	28cf26c953	Update node Docker tag to v25	2026-05-06 13:01:49 +00:00
R40fendt	31ef7c245f	Merge pull request 'Update Rust crate tauri to v2.11.1' (#3 ) from renovate/tauri-2.x-lockfile into nuxt Reviewed-on: #3	2026-05-06 12:58:54 +00:00
R40bot	1ed2efb52a	Update Rust crate tauri to v2.11.1	2026-05-06 12:56:38 +00:00
R40fendt	8d7c0fbcc5	Merge pull request 'Update Rust crate serde_json to v1.0.149' (#2 ) from renovate/serde_json-1.x-lockfile into nuxt Reviewed-on: #2	2026-05-06 12:55:04 +00:00
R40fendt	5dd1d0f88d	Merge pull request 'Update Rust crate tauri-plugin-opener to v2.5.4' (#4 ) from renovate/tauri-plugin-opener-2.x-lockfile into nuxt Reviewed-on: #4	2026-05-06 12:53:30 +00:00
R40fendt	358461c50a	Merge pull request 'Update Rust crate serde to v1.0.228' (#1 ) from renovate/serde-1.x-lockfile into nuxt Reviewed-on: #1	2026-05-06 12:52:58 +00:00
R40bot	aa43d12787	Update Rust crate tauri-plugin-opener to v2.5.4	2026-05-06 12:48:27 +00:00
Jonas	f9fe6e9639	Add bildschau and bildvorschau	2026-05-06 14:48:27 +02:00
R40bot	48595fb8b2	Update Rust crate serde_json to v1.0.149	2026-05-06 11:58:21 +00:00
R40bot	b4e7bbfa83	Update Rust crate serde to v1.0.228	2026-05-06 11:57:58 +00:00
Jonas	8f8decf263	Fix Galerie	2026-05-05 12:29:21 +02:00
Jonas	75b50fb9ef	Add Form Support	2026-05-02 19:11:09 +02:00