add: extract plain faq

Add Schema Org for FAQ

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>

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) => {

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, ' ')
+    }
+  })
+}
+