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