locale upgrade

components/I18nWrapper.tsx

@@ -0,0 +1,59 @@
+/**
+ * Server Component für i18n-Texte
+ * Nutzt Directus mit Fallback auf next-intl/JSON
+ */
+
+import { getLocalizedMessage, getLocalizedContent } from '@/lib/i18n-loader';
+
+interface I18nTextProps {
+  msgKey: string;
+  locale: 'en' | 'de';
+  fallback?: string; // Falls Key nicht in Directus AND nicht in JSON
+}
+
+/**
+ * Zeigt einen kurzen, lokalisierten Text.
+ * Directus > next-intl/JSON > Fallback > Key selbst.
+ */
+export async function I18nText({
+  msgKey,
+  locale,
+  fallback,
+}: I18nTextProps) {
+  const text = await getLocalizedMessage(msgKey, locale);
+  return <>{text || fallback || msgKey}</>;
+}
+
+interface I18nContentProps {
+  slug: string;
+  locale: 'en' | 'de';
+  fallback?: React.ReactNode;
+}
+
+/**
+ * Zeigt ein längeres, lokalisiertes Inhaltsblöck.
+ * Nur Directus, kein JSON-Fallback.
+ */
+export async function I18nContent({
+  slug,
+  locale,
+  fallback,
+}: I18nContentProps) {
+  const page = await getLocalizedContent(slug, locale);
+  
+  if (!page?.content) {
+    return <>{fallback || null}</>;
+  }
+
+  // Wenn content ein String ist (Markdown/Plain Text):
+  if (typeof page.content === 'string') {
+    return <div className="prose prose-stone max-w-none">{page.content}</div>;
+  }
+
+  // Wenn content ein JSON-Objekt ist (Rich Text Editor):
+  return (
+    <div className="prose prose-stone max-w-none">
+      {JSON.stringify(page.content)}
+    </div>
+  );
+}