add languages - titel and placeholder

src/legal/privacy/de.md

@@ -0,0 +1,3 @@
+# Datenschutzerklärung
+
+Hier steht deine Datenschutzerklärung auf Deutsch.

src/legal/privacy/en.md

@@ -0,0 +1,3 @@
+# Privacy Policy
+
+Here is your privacy policy in English.

src/legal/privacy/es.md

@@ -0,0 +1,3 @@
+# Política de privacidad
+
+Aquí tienes tu política de privacidad en español.

src/legal/privacy/fr.md

@@ -0,0 +1,3 @@
+# Politique de confidentialité
+
+Voici ta politique de confidentialité en français.

src/legal/privacy/it.md

@@ -0,0 +1,3 @@
+# Informativa sulla privacy
+
+Qui trovi la tua informativa sulla privacy in italiano.

src/legal/privacy/pt.md

@@ -0,0 +1,3 @@
+# Política de Privacidade
+
+Aqui está a tua Política de Privacidade em português.

src/locales/de.json

@@ -37,5 +37,11 @@
             }
         }
     },
-    "slogan": "Gebaut zum Suchen."
+ "slogan": "Gebaut zum Suchen.",
+
+  "legal": {
+    "privacy": {
+      "title": "Datenschutzerklärung"
+    }
+  }
 }

src/locales/en.json

@@ -37,5 +37,10 @@
             }
         }
     },
-    "slogan": "Built to search."
+    "slogan": "Built to search.",
+    "legal": {
+    "privacy": {
+      "title": "Privacy Policy"
+    }
+  }
 }

src/locales/es.json

@@ -37,5 +37,11 @@
             }
         }
     },
-    "slogan": "Hecho para buscar."
+    "slogan": "Hecho para buscar.",
+    
+    "legal": {
+    "privacy": {
+      "title": "Política de Privacidad"
+    }
+  }
 }

src/locales/fr.json

@@ -37,5 +37,11 @@
             }
         }
     },
-    "slogan": "Conçu pour chercher."
+    "slogan": "Conçu pour chercher.",
+    
+    "legal": {
+    "privacy": {
+      "title": "Politique de Confidentialité"
+    }
+  }
 }

src/locales/it.json

@@ -37,5 +37,11 @@
             }
         }
     },
-    "slogan": "Costruito per cercare."
+    "slogan": "Costruito per cercare.",
+    
+    "legal": {
+    "privacy": {
+      "title": "Politica di Privacy"
+    }
+  }
 }

src/locales/pt.json

@@ -37,5 +37,11 @@
             }
         }
     },
-    "slogan": "Feito para pesquisar."
+    "slogan": "Feito para pesquisar.",
+    
+    "legal": {
+    "privacy": {
+      "title": "Política de Privacidade"
+    }
+  }
 }

src/views/legal/PrivacyPolicy.vue

@@ -16,28 +16,54 @@ limitations under the License.
 -->
 
 <script setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+// 1. ALLE Sprachen importieren (Verhindert den ReferenceError)
+import de from '@/legal/privacy/de.md?raw';
+import en from '@/legal/privacy/en.md?raw';
+import fr from '@/legal/privacy/fr.md?raw';
+import es from '@/legal/privacy/es.md?raw';
+import it from '@/legal/privacy/it.md?raw';
+import pt from '@/legal/privacy/pt.md?raw';
+
+const { locale } = useI18n();
+
+const content = computed(() => {
+  const map = {
+    de,
+    en,
+    fr,
+    es,
+    it,
+    pt
+  };
+
+  // Falls eine Sprache mal nicht existiert, nutzen wir 'de' oder 'en' als Fallback
+  return map[locale.value] || de;
+});
 </script>
 
 <template>
   <main class="privacy-policy-content main-content-padding">
-    <h1>Privacy Policy</h1>
+    <h1>{{ $t('legal.privacy.title') }}</h1>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+    <div class="markdown-body">{{ content }}</div>
   </main>
 </template>
 
 <style scoped>
-.privacy-policy-page {
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-}
-
 .privacy-policy-content {
-    flex: 1;
-    width: 100%;
   max-width: 900px;
   margin: 0 auto;
   padding-top: 40px;
   padding-bottom: 40px;
 }
+
+/* Sorgt dafür, dass die Zeilenumbrüche aus den .md Dateien erhalten bleiben */
+.markdown-body {
+  white-space: pre-wrap;
+  font-family: inherit;
+  line-height: 1.6;
+}
 </style>