Use <script type="application/ld+json"> in <svelte:head>

[cudr]

Good day!

Have we any solution to use json-ld in svelte:head?

I try insert it as @html string, but it rewrite all other head elements.

reproduction: https://v3.svelte.technology/repl?version=3.0.0-beta.28&gist=0337994512de9223053c6f24e34e7d04

[Conduitry]

You could instead do

<svelte:head>
	<script type='application/ld+json'>{some_json}</script>
</svelte:head>

which doesn't have this problem.

But I do think that {@html} in <svelte:head> clearing everything else in the head is probably a bug.

[cudr]

@Conduitry, thanks!

But looks like in <script> inner value ignored.

reproduction: https://v3.svelte.technology/repl?version=3.0.0-beta.28&gist=0337994512de9223053c6f24e34e7d04

[Conduitry]

Ah right, sorry I forgot about that. Non-top-level <script> and <style> tags are always left as-is and aren't parsed for Svelte syntax, partly because they're a lot more likely to naturally contain strings that could be confused with expressions in braces.

So, yeah I think using {@html} to insert the entire tag does seem like a reasonable way to do this, but that isn't working correctly currently.

[Rich-Harris]

Released 3.4.4 with the fix

[ourway]

It does not work.

 <script type="application/ld+json">{jsonLd}</script>

Any updates?

[ourway]

OK, here is the correct way to use it:

{@html '<script type="application/ld+json">'+ JSON.stringify(jsonLd) + '</script>'}