Changes

src/components/Footer/Footer.astro

@@ -106,16 +106,16 @@ const content = await getTranslatedContent("Footer", lang!);
     <div class="footer__bottom-content">
       <ul class="footer__legal-links">
         <li>
-          <a href=`/${lang}/Legal/Privacy`>{content.privacy}</a>
+          <a href=`/${lang}/data-protection`>{content.privacy}</a>
         </li>
         <li>
-          <a href=`/${lang}/Legal/Cookies`>{content.cookies}</a>
+          <a href=`/${lang}/cookie-policy`>{content.cookies}</a>
         </li>
         <li>
-          <a href=`/${lang}/Legal/Terms`>{content.terms}</a>
+          <a href=`/${lang}/terms`>{content.terms}</a>
         </li>
         <li>
-          <a href=`/${lang}/Legal/Impressum`>{content.legal_notice}</a>
+          <a href=`/${lang}/legal-notice`>{content.legal_notice}</a>
         </li>
       </ul>
       <span>{content.copyright}</span>

src/layouts/LegalLayout.astro

@@ -6,19 +6,19 @@ const {lang} = Astro.params;
 
 const navItems = [
   {
-    href: `/${lang}/Legal/Privacy`,
+    href: `/${lang}/data-protection`,
     name: "Privacy Policy",
   },
   {
-    href: `/${lang}/Legal/Cookies`,
+    href: `/${lang}/cookie-policy`,
     name: "Cookie Policy",
   },
   {
-    href: `/${lang}/Legal/Terms`,
+    href: `/${lang}/terms`,
     name: "Terms & Conditions",
   },
   {
-    href: `/${lang}/Legal/Impressum`,
+    href: `/${lang}/legal-notice`,
     name: "Legal Notice",
   },
 ];

src/pages/[lang]/Legal/Cookies.astro → src/pages/[lang]/cookie-policy.astro

@@ -1,7 +1,7 @@
 ---
 import type {GetStaticPaths} from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

src/pages/[lang]/Legal/Privacy.astro → src/pages/[lang]/data-protection.astro

@@ -1,7 +1,7 @@
 ---
 import type {GetStaticPaths} from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

src/pages/[lang]/Legal/Impressum.astro → src/pages/[lang]/legal-notice.astro

@@ -1,7 +1,7 @@
 ---
 import type {GetStaticPaths} from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

src/pages/[lang]/Legal/Terms.astro → src/pages/[lang]/terms.astro

@@ -1,7 +1,7 @@
 ---
 import type { GetStaticPaths } from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

tsconfig.json

@@ -1,7 +1,14 @@
 {
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
+    "baseUrl": ".",
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "paths": {
+      "@assets/*": ["src/assets/*"],
+      "@components/*": ["src/components/*"],
+      "@utils/*": ["src/utils/*"],
+      "@layouts/*": ["src/layouts/*"],
+    }
   }
-}
+}