Update submodules

.env.development

@@ -0,0 +1 @@
+VITE_BACKEND_URL=http://192.168.188.38/Jonas/ritzenbergenapi

.env.production

@@ -0,0 +1 @@
+VITE_BACKEND_URL=https://api.ritzenbergen.de

.gitignore

@@ -1,25 +1,28 @@
-# Nuxt dev/build outputs
-.output
-.data
-.nuxt
-.nitro
-.cache
-dist
-
-# Node dependencies
-node_modules
-
 # Logs
 logs
 *.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# Misc
+node_modules
-.DS_Store
+dist
-.fleet
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
 .idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+package-lock.json
 
-# Local env files
+src-tauri/target
-.env
+src-tauri/gen
-.env.*
-!.env.example
-app/bilder

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "src/dto"]
+	path = src/dto
+	url = https://git.ritzenbergen.de/Jonas/ritzenbergen-dto.git

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "tauri-apps.tauri-vscode",
+    "rust-lang.rust-analyzer"
+  ]
+}

README.md

@@ -1,75 +1,15 @@
-# Nuxt Minimal Starter
+# ritzenbergen
 
-Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+[https://ritzenbergen.de](https://ritzenbergen.de) - Neue, private Homepage für das kleine Dorf Ritzenbergen
 
-## Setup
 
-Make sure to install dependencies:
+Bei der Migration beachten:
-
+- neue galerie-kommentare Tabelle
-```bash
+- addhit URL in der index.html anpassen
-# npm
+- Event-Datenbank anpassen
-npm install
+- Neue Formulartabelle
-
+- .env.production anpassen 
-# pnpm
+- Salt ändern (secret.php in der API)
-pnpm install
+- Event-Tabelle updaten (neue Formular-Spalte)
-
+- Admin-Tabellen hinzufügen
-# yarn
+- WEBKIT_DISABLE_COMPOSITING_MODE=1 zum Starten der Tauri-App unter Wayland
-yarn install
-
-# bun
-bun install
-```
-
-## Development Server
-
-Start the development server on `http://localhost:3000`:
-
-```bash
-# npm
-npm run dev
-
-# pnpm
-pnpm dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app/app.vue

@@ -1,3 +0,0 @@
-<template>
-    <NuxtPage/>
-</template>

app/app2.vue

@@ -1,6 +0,0 @@
-<template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
-  </div>
-</template>

app/assets/main.scss

@@ -1,9 +0,0 @@
-@use "~/assets/mobirise/css/additional.scss";
-@use "~/assets/dropdown/css/style.scss";
-
-html,
-body,
-#app {
-  width: 100vw;
-  margin: 0;
-}

app/dto/README.md

@@ -1,3 +0,0 @@
-# Ritzenbergen DTO
-
-- Test

app/dto/event.dto.ts

@@ -1,23 +0,0 @@
-
-
-export class MyEvent {
-
-    id: number;
-    eventname: string;
-    datum: Date;
-    type: EventType;
-    content: string;
-    minitext: string;
-    link: string|null;
-    foto: string;
-    formular: number|null;
-
-}
-
-export enum EventType {
-    html = "html",
-    markdown = "markdown",
-    fotos = "fotos",
-    link = "link",
-    dlink = "dlink"
-}

app/dto/formular.dto.ts

@@ -1,55 +0,0 @@
-export class Formular {
-	public id: number;
-	public name: string;
-	public minitext: string;
-	public ispublic: boolean;
-	public multiple: boolean;
-	public fields: MyField[];
-	public results: FormularResults[];
-}
-
-export enum FieldType {
-	TEXT = "text",
-	PASSWORD = "password",
-	NUMBER = "number",
-	RANGE = "range",
-	DATE = "date",
-	TIME = "time",
-	CHECKBOX = "checkbox",
-	RADIO = "radio",
-	COLOR = "color",
-	SUBMIT = "submit",
-	TEXTAREA = "textarea"
-}
-
-export class MyField {
-	id?: number;
-	formular: number;
-	name: string;
-	displayname?: string | null;
-	value: string;
-	displayvalue?: string | null;
-	placeholder?: string | null;
-	type: FieldType;
-	title?: string | null; 
-	required: boolean;
-	maxlength?: number | null;
-	min?: number | null;
-	max?: number | null;
-	checked?: boolean | null;
-}
-
-export class FormularResult {
-	id: number;
-	parentid: number;
-	parentobj: FormularResults;
-	name: string;
-	value: string;
-}
-
-export class FormularResults {
-	id:number;
-	formular: Formular;
-	formularid: number;
-	results: FormularResult[];
-}

eslint.config.js

@@ -0,0 +1,30 @@
+import eslint from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import eslintPluginVue from "eslint-plugin-vue";
+import globals from "globals";
+import typescriptEslint from "typescript-eslint";
+
+export default typescriptEslint.config(
+	{ ignores: ["*.d.ts", "**/coverage", "**/dist"] },
+	{
+		extends: [
+			eslint.configs.recommended,
+			...typescriptEslint.configs.recommended,
+			...eslintPluginVue.configs["flat/recommended"],
+		],
+		files: ["**/*.{ts,vue}"],
+		languageOptions: {
+			ecmaVersion: "latest",
+			sourceType: "module",
+			globals: globals.browser,
+			parserOptions: {
+				parser: typescriptEslint.parser,
+			},
+		},
+		rules: {
+			// your rules
+			"@typescript-eslint/no-explicit-any": "warn",
+		},
+	},
+	eslintConfigPrettier
+);

index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Willkommen auf ritzenbergen.de</title>
+    
+
+      <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap" as="style"
+      onload="this.onload=null;this.rel='stylesheet'">
+    <noscript>
+      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap">
+    </noscript>
+    <link rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
+		<!-- <script src="http://192.168.188.38/Jonas/ritzenbergenapi/addhit.php"></script> -->
+
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

nuxt.config.ts

@@ -1,41 +0,0 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
-export default defineNuxtConfig({
-  compatibilityDate: '2025-07-15',
-  devtools: { enabled: true },
-  modules: [],
-
-  css: [
-    '~/assets/mobirise/css/additional.scss',
-    '~/assets/web/assets/mobirise-icons2/mobirise2.css',
-    '~/assets/parallax/jarallax.css',
-    '~/assets/bootstrap/css/bootstrap.min.css',
-    '~/assets/bootstrap/css/bootstrap-grid.min.css',
-    '~/assets/bootstrap/css/bootstrap-reboot.min.css',
-    '~/assets/dropdown/css/style.scss',
-    '~/assets/socicon/css/styles.css',
-    '~/assets/animatecss/animate.css',
-    '~/assets/theme/css/style.css',
-    '~/assets/css/index.css',
-    '~/assets/main.scss'
-  ],
-  app: {
-    head: {
-      link: [
-        {
-          rel: "stylesheet",
-          href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
-        },
-        {
-          rel: "stylesheet",
-          href: "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap"
-        },
-        {
-          rel: "stylesheet",
-          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
-        }
-      ]
-    }
-
-  }
-  
-})

package.json

@@ -1,25 +1,51 @@
 {
-  "name": "nuxt-test",
+  "name": "ritzenbergen",
-  "type": "module",
   "private": true,
+  "version": "0.1.0",
+  "type": "module",
   "scripts": {
-    "build": "nuxt build",
+    "dev": "vite",
-    "dev": "nuxt dev",
+    "build": "vite build",
-    "generate": "nuxt generate",
+    "preview": "vite preview",
-    "preview": "nuxt preview",
+    "tauri": "tauri",
-    "postinstall": "nuxt prepare"
+    "tauridev": "tauri dev",
+    "tauribuild": "tauri build"
   },
   "dependencies": {
-    "@nuxtjs/tailwindcss": "^6.14.0",
+    "@formkit/themes": "^1.7.2",
+    "@formkit/vue": "^1.7.2",
+    "@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",
+    "jarallax": "^2.2.1",
-    "katex": "^0.16.45",
+    "jquery": "^3.7.1",
-    "nuxt": "^4.4.2",
+    "katex": "^0.16.27",
-    "vue": "^3.5.32",
+    "moment": "^2.30.1",
+    "process": "^0.11.10",
+    "sloc": "^0.3.2",
+    "striptags": "^3.2.0",
+    "vscode-langservers-extracted": "^4.10.0",
+    "vue": "^3.5.13",
+    "vue-async-computed": "^4.0.1",
     "vue-renderer-markdown": "^0.0.62",
-    "vue-router": "^5.0.4"
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "sass-embedded": "^1.99.0"
+    "@tauri-apps/cli": "^2",
+    "@types/jquery": "^3.5.32",
+    "@types/markdown-it": "^14.1.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.6.2",
+    "globals": "^16.5.0",
+    "sass-embedded": "^1.86.3",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.50.0",
+    "vite": "^6.0.3",
+    "vue-tsc": "^2.1.10"
   }
 }

public/robots.txt

@@ -1,2 +0,0 @@
-User-Agent: *
-Disallow:

src/App.vue

@@ -0,0 +1,39 @@
+<script lang="js">
+import { RouterView } from 'vue-router';
+import Kloenkasten from "./components/Kloenkasten.vue";
+
+export default {
+    components: {
+        RouterView,
+				Kloenkasten
+    }
+}
+</script>
+
+<template>
+  <!-- Haupt-Component -->
+  <RouterView :key="$route.fullPath" />
+	
+	<Kloenkasten />
+</template>
+
+<style lang="scss">
+
+@use "assets/mobirise/css/additional.scss";
+    @import "assets/web/assets/mobirise-icons2/mobirise2.css";
+    @import "assets/parallax/jarallax.css";
+    @import "assets/bootstrap/css/bootstrap.min.css";
+    @import "assets/bootstrap/css/bootstrap-grid.min.css";
+    @import "assets/bootstrap/css/bootstrap-reboot.min.css";
+    @import "assets/dropdown/css/style.scss";
+    @import "assets/socicon/css/styles.css";
+    @import "assets/animatecss/animate.css";
+    @import "assets/theme/css/style.css";
+    @import "./assets/css/index.css";
+
+    html, body, #app{
+        width: 100vw;
+        margin: 0;
+    }
+    
+</style>