update

app/generative-energy/GEDeutschArticle.tsx

@@ -41,7 +41,13 @@ export default defineComponent({
 
         const articleMetadata = computed(() => articleData.value?.find(_ => _.slug === props.articleName));
 
-        useHead({ title: () => articleMetadata.value?.title ?? '' });
+        useHead({ 
+            title: () => articleMetadata.value?.title ?? '', 
+            metatags: () => articleMetadata.value ? [
+                { name: 'title', content: articleMetadata.value.title },
+                { name: 'author', content: articleMetadata.value.author },
+            ] : [],
+        });
 
         function transformArticleNode(node: Node): VNode | string {
             if (node.nodeType === node.ELEMENT_NODE) {
@@ -49,6 +55,10 @@ export default defineComponent({
                 const attrs: Record<string, string> = {};
                 const children = [...node.childNodes].map((_) => transformArticleNode(_));
 
+                if (el.attributes.getNamedItem('lang')?.value === 'en') {
+                    el.ariaHidden = 'true';
+                }
+
                 if (el.tagName === "P") {
                     (el as HTMLParagraphElement).dataset.tunit = '';
                 }
@@ -101,7 +111,7 @@ export default defineComponent({
                 </div>
                 <p class="text-slab">
                     Bei dem untenstehenden Artikel handelt es sich um eine hobbymäßige, amateurhafte Übersetzung des
-                    Artikels „{ articleMetadata.value?.title }“ von Ray Peat. Bei Ungenauigkeiten oder Fehlübersetzungen freue ich mich über <DJEmail>eine Mail</DJEmail>! 
+                    Artikels „{ articleMetadata.value?.titleEn }“ von Ray Peat. Bei Ungenauigkeiten oder Fehlübersetzungen freue ich mich über <DJEmail>eine Mail</DJEmail>! 
                 </p>
                 { articleMetadata.value?.tags?.includes('in-arbeit') && <h5 class="baustelle">🚧 Bitte beachte, dass diese Übersetzung noch in Arbeit ist! 🚧</h5> }
                 <hr />