From a86b89dc980c8b200501e425609988e2f01fb822 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Wed, 11 Jun 2025 08:54:32 +0200
Subject: [PATCH] add: extract plain faq

Add Schema Org for FAQ
---
 app/components/Section/Booking.vue | 18 +++++++++++++++++-
 app/components/Spoiler.vue         |  3 ++-
 app/composables/faq.ts             | 20 ++++++++++++++++++++
 content.config.ts                  | 10 +---------
 package-lock.json                  |  1 -
 5 files changed, 40 insertions(+), 12 deletions(-)
 create mode 100644 app/composables/faq.ts

diff --git a/app/components/Section/Booking.vue b/app/components/Section/Booking.vue
index e952459..f557b91 100755
--- a/app/components/Section/Booking.vue
+++ b/app/components/Section/Booking.vue
@@ -129,5 +129,21 @@ const oneOff : Service[] = [
   },
 ]
 
-const faq = await queryCollection('faq').path('/snippets/faq/booking').first()
+const { data: faq } = await useAsyncData('faq', () => queryCollection('faq').path('/snippets/faq/booking').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>
diff --git a/app/components/Spoiler.vue b/app/components/Spoiler.vue
index 623fe06..b136408 100644
--- a/app/components/Spoiler.vue
+++ b/app/components/Spoiler.vue
@@ -10,9 +10,10 @@
 <script setup lang="ts">
 type Props = {
   title: string
+  answer ?: string
 }
 
-defineProps<Props>()
+const { title, answer = '' } = defineProps<Props>()
 
 const open = ref(false)
 const toggle = (event : MouseEvent) => {
diff --git a/app/composables/faq.ts b/app/composables/faq.ts
new file mode 100644
index 0000000..c8ce67c
--- /dev/null
+++ b/app/composables/faq.ts
@@ -0,0 +1,20 @@
+import type { MinimalElement, MinimalNode } from '@nuxt/content'
+
+const extractText = (element ?: MinimalNode) : string => {
+  if (!element) return ''
+  if (typeof element === 'string') return element
+  const [,, ...nodes] = element
+  return nodes?.map((el : MinimalNode) => typeof el === 'string' ? el : extractText(el)).join(' ') ?? ''
+}
+
+export const usePlainFaq = (body ?: MinimalNode[]) => {
+  if (!body) return []
+  return body.map(part => {
+    const [, meta] = part as MinimalElement
+    return {
+      question: meta.title,
+      answer: extractText(part).replace(/\n/g, ' ')
+    }
+  })
+}
+
diff --git a/content.config.ts b/content.config.ts
index fdf5bcf..bcb3581 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -10,21 +10,13 @@ export default defineContentConfig({
     skills: defineCollection({
       type: 'page',
       source: 'snippets/skills/*.md',
-      schema: z.object({
-        title: z.string(),
-        img: z.object({
-          path: z.string(),
-          name: z.string(),
-          position: z.string(),
-        }),
-      })
     }),
 
     faq: defineCollection({
       type: 'page',
       source: 'snippets/faq/*.md',
       schema: z.object({
-        title: z.string(),
+        rawbody: z.string(),
       })
     })
   }
diff --git a/package-lock.json b/package-lock.json
index b36d5f2..35806ca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3723,7 +3723,6 @@
     },
     "node_modules/@parcel/watcher-wasm/node_modules/napi-wasm": {
       "version": "1.1.0",
-      "dev": true,
       "inBundle": true,
       "license": "MIT"
     },