feat: update privacy and imprint pages

- loads from strapi markdown
- uses tailwind typography plugin for style

package.json

@@ -15,9 +15,11 @@
     "@sveltejs/enhanced-img": "^0.3.8",
     "@sveltejs/kit": "^2.6.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@tailwindcss/typography": "^0.5.15",
     "autoprefixer": "^10.4.16",
     "flowbite": "^2.2.1",
     "flowbite-svelte": "^0.44.20",
+    "marked": "^14.1.2",
     "postcss": "^8.4.31",
     "postcss-load-config": "^4.0.2",
     "prettier-plugin-svelte": "^3.1.2",

src/routes/datenschutz/+page.svelte

@@ -1 +1,12 @@
-<div>datenschutz</div>
+<script lang="ts">
+  import type { PageData } from "./$types";
+  import { marked } from "marked";
+
+  export let data: PageData;
+
+  let privacyMarkdown = data.privacy;
+</script>
+
+<article class="prose prose-stone dark:prose-invert max-w-5xl mx-auto mt-10">
+  {@html marked.parse(privacyMarkdown)}
+</article>

src/routes/datenschutz/+page.ts

@@ -0,0 +1,7 @@
+import type { PageLoad } from "./$types";
+import { strapiFetch } from "$lib/utils/api";
+
+export const load: PageLoad = async ({ fetch }) => {
+  const privacyFetch = await strapiFetch(fetch, "api/privacy?populate=*");
+  return { privacy: privacyFetch.data.privacy };
+};

src/routes/impressum/+page.svelte

@@ -1,3 +1,12 @@
-<div>
-  Impressum
-</div>
+<script lang="ts">
+  import type { PageData } from "./$types";
+  import { marked } from "marked";
+
+  export let data: PageData;
+
+  let imprintMarkdown = data.imprint;
+</script>
+
+<article class="prose prose-stone dark:prose-invert max-w-5xl mx-auto mt-10">
+  {@html marked.parse(imprintMarkdown)}
+</article>

src/routes/impressum/+page.ts

@@ -0,0 +1,7 @@
+import type { PageLoad } from "./$types";
+import { strapiFetch } from "$lib/utils/api";
+
+export const load: PageLoad = async ({ fetch }) => {
+  const imprintFetch = await strapiFetch(fetch, "api/imprint?populate=*");
+  return { imprint: imprintFetch.data.imprint };
+};

tailwind.config.js

@@ -1,5 +1,6 @@
 import { fontFamily } from "tailwindcss/defaultTheme";
 import tailwindcssAnimate from "tailwindcss-animate";
+import typography from "@tailwindcss/typography";
 
 /** @type {import('tailwindcss').Config} */
 const config = {
@@ -34,7 +35,7 @@ const config = {
       },
     },
   },
-  plugins: [tailwindcssAnimate],
+  plugins: [tailwindcssAnimate, typography],
 };
 
 export default config;