feat: render JSON-LD for every AccordionContainer

Ok, this will render a JSON-LD for *every* AccordionContainer similar to this example:
https://developers.google.com/search/docs/appearance/structured-data/faqpage#examples

Note that wether or not the `AccordionContainer` contains FAQ it will render them as JSON-LD. Maybe it would be better to have a dedicated component for FAQs?

This PR will also introduce a bug: Every JSON-LD will be rendered twice. This is most likely a bug in the current version of svelte-kit:
sveltejs/svelte#7745

Updating the dependency should fix the problem.

Author: roschaefer

src/lib/components/AccordionContainer/AccordionContainer.svelte

@@ -4,11 +4,12 @@
 	import { mapPadding } from '$lib/helpers';
 	export let module: Partial<AccordionContainer> = {};
 
-	import LDTag from '$lib/components/JSON-LD/LDTag.svelte';
-	import { websiteSchema } from '$lib/components/JSON-LD/json-ld';
+	import { accordionContainerToJsonLd } from '$lib/jsonLd';
 </script>
 
-<LDTag schema={websiteSchema} />
+<svelte:head>
+	{@html accordionContainerToJsonLd(module)}
+</svelte:head>
 
 <div class="mod_accordionContainer relative">
 	<div class="relative w-full {mapPadding(module.paddingTop)}" />

src/lib/components/JSON-LD/LDTag.svelte

@@ -39,6 +39,7 @@ export const accordingContainerFragment = gql`
 			heading3
 			content {
 				html
+				text
 			}
 			image {
 				id

src/lib/components/JSON-LD/json-ld.js

@@ -0,0 +1,29 @@
+import type { AccordionContainer } from '$lib/graphql/generated/schema';
+
+const serializeSchema = (thing: Record<string, unknown>) => {
+	return `<script type="application/ld+json">${JSON.stringify(thing, null, 2)}</script>`;
+};
+
+const accordionItemToJsonLdQuestion = (
+	accordionItem: AccordionContainer['accordionItems'][number]
+) => {
+	const name = accordionItem.headline;
+	const text = accordionItem.content.text?.replace(/\\n/g, ' ') || '';
+	return {
+		'@type': 'Question',
+		name,
+		acceptedAnswer: {
+			'@type': 'Answer',
+			text
+		}
+	};
+};
+
+export const accordionContainerToJsonLd = (module: AccordionContainer) => {
+	const mainEntity = module.accordionItems.map(accordionItemToJsonLdQuestion);
+	return serializeSchema({
+		'@context': 'https://schema.org',
+		'@type': 'FAQPage',
+		mainEntity
+	});
+};