add: extract plain faq

Add Schema Org for FAQ in Flatrate

app/components/Section/Flatrate.vue

@@ -138,5 +138,21 @@ const flatrate : Service[] =
       }
     ]
 
-const faq = await queryCollection('faq').path('/snippets/faq/flatrate').first()
+const { data : faq } = await useAsyncData('faq', () => queryCollection('faq').path('/snippets/faq/flatrate').first())
+const texts = usePlainFaq(faq.value?.body.value)
+
+if (faq) {
+  useSchemaOrg({
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    'mainEntity': texts.map(entity => ({
+      '@type': 'Question',
+      'name': entity.question,
+      'acceptedAnswer': {
+        '@type': 'Answer',
+        'text': entity.answer,
+      },
+    }))
+  })
+}
 </script>

app/utils/socials.ts

@@ -18,12 +18,12 @@ export const socials = [
     name: '@webfussel.de',
     'aria-label': 'Externer Link: Bluesky Profil'
   },
-  {
-    href: 'https://twitch.tv/webfussel',
-    icon: 'ph:twitch-logo-duotone',
-    name: 'webfussel',
-    'aria-label': 'Externer Link: Twitch Kanal'
-  },
+  // {
+  //   href: 'https://twitch.tv/webfussel',
+  //   icon: 'ph:twitch-logo-duotone',
+  //   name: 'webfussel',
+  //   'aria-label': 'Externer Link: Twitch Kanal'
+  // },
   {
     href: 'https://ko-fi.com/webfussel',
     icon: 'wf:kofi',

content/snippets/faq/booking.md

@@ -62,4 +62,6 @@ title: "Ich hab ein cooles Projekt! Aber kein Geld …"
 Tja.
 
 Ne, awas. Meld dich einfach trotzdem über meine E-Mail-Adresse und vielleicht finden wir eine Lösung.
+
+Du findest weitere Kontaktmöglichkeiten auf meiner [Kontakt-Seite <IconLinkInternal />](contact/){class="text inline-flex-row"}.
 ::