fix: FAQ in NuxtContent

FAQ converted to NuxtContent

app/components/Section/Booking.vue

@@ -43,8 +43,8 @@
       </article>
     </div>
 
-    <div class="flex-col gap-sm margin-top">
-      <Spoiler v-for="entry in faq" v-bind="entry" class="z-2" />
+    <div v-if="faq" class="flex-col gap-sm margin-top">
+      <ContentRenderer :value="faq" :style="{ display: 'contents' }" />
     </div>
   </section>
 </template>
@@ -71,7 +71,8 @@ const intl = new Intl.NumberFormat(
       currency: 'EUR',
       minimumFractionDigits: 0,
       maximumFractionDigits: 0,
-    })
+    }
+)
 
 const oneOff : Service[] = [
   {
@@ -128,36 +129,5 @@ const oneOff : Service[] = [
   },
 ]
 
-const faq = [
-  {
-    header: 'Warum machst du keine Stundensätze?',
-    content: [
-      'Ich finde Stundensätze haben für beide Seiten nur Nachteile:',
-      'Wenn ich schnell und gut arbeite, dann bekomme ich weniger Geld. Hab ich mal einen Knoten im Gehirn und brauche sehr lange, muss der Kunde mehr zahlen.',
-      'Klar kann man sagen, dass sich das irgendwann ausgleichen könnte - aber so weit will ich es garnicht erst kommen lassen.'
-    ]
-  },
-  {
-    header: 'Welche Themen bietest du für deine Schulungen an?',
-    content: [
-      'Sprachen: JavaScript, TypeScript, HTML, CSS',
-      'Frameworks: Vue, Nuxt',
-    ]
-  },
-  {
-    header: 'Wo finden die Schulungen statt?',
-    content: [
-      'Die Schulungen finden online statt. Normalerweise nutze ich dafür Google Meet, aber wenn du oder deine Firma eine andere Plattform wünschen und bereitstellen bin ich natürlich flexibel.',
-      'Wenn sich deine Firma in der Nähe meines Wohnortes befindet - und damit meine ich "In einer Stunde mit der Straßenbahn zu erreichen", dann kann alles natürlich auch vor Ort stattfinden.',
-    ]
-  },
-  {
-    header: 'Ich hab ein cooles Projekt! Aber kein Geld...',
-    content: [
-      'Tja.',
-      'Ne, awas. Meld dich einfach trotzdem über meine E-Mail-Adresse und vielleicht finden wir eine Lösung.'
-    ]
-  }
-]
-
+const faq = await queryCollection('faq').path('/snippets/faq/booking').first()
 </script>