✂prettier:content✂="". SvelteKit Prettier bug.

[timscodebase]

Why does prettier keep adding ✂prettier:content✂="" to my head scripts.

Before

<Partytown
	script={`
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2145750142271743" ="anonymous">{}</script>
        <meta name="google-adsense-account" content="ca-pub-2145750142271743" />
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2145750142271743" crossorigin="anonymous">{}</script>
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-FZH87M6DDV">
	</script>

	<script>
		window.dataLayer = window.dataLayer || []

		function gtag() {
			dataLayer.push(arguments)
		}

		gtag('js', new Date())
		gtag('config', 'G-FZH87M6DDV')
	</script>
`}
></Partytown>

After

<Partytown
	script={`
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2145750142271743"
     crossorigin="anonymous" ✂prettier:content✂="" ✂prettier:content✂="e30=">{}</script>
<meta name="google-adsense-account" content="ca-pub-2145750142271743" />
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2145750142271743"
     crossorigin="anonymous" ✂prettier:content✂="">{}</script>
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-FZH87M6DDV">
	</script>
	<script>
		window.dataLayer = window.dataLayer || []

		function gtag() {
			dataLayer.push(arguments)
		}

		gtag('js', new Date())
		gtag('config', 'G-FZH87M6DDV')
	</script>
`}
></Partytown>

[1muen]

Same here with

<svelte:head>
    {@html `
        <script
            type="text/javascript"
            src="${env.PUBLIC_CDN_URL}/office.js"
        ></script>`}
</svelte:head>

turns into

<svelte:head>
    {@html `
        <script
            type="text/javascript"
            src="${env.PUBLIC_CDN_URL}/office.js"
         ✂prettier:content✂="">{}</script>`}
</svelte:head>

[MS90D3V]

<script lang="ts">
	import { Footer, Util } from '$lib';
	import { getCurrentWebview } from '@tauri-apps/api/webview';

	getCurrentWebview()
		.onDragDropEvent((event) => Util.listFilesInDirectory(event.payload))
		.then((value) => console.log(value));
</script>

Turns into

<script lang="ts" ✂prettier:content✂="CglpbXBvcnQgeyBGb290ZXIsIFV0aWwgfSBmcm9tICckbGliJzsKCWltcG9ydCB7IGdldEN1cnJlbnRXZWJ2aWV3IH0gZnJvbSAnQHRhdXJpLWFwcHMvYXBpL3dlYnZpZXcnOwoKCWdldEN1cnJlbnRXZWJ2aWV3KCkKCQkub25EcmFnRHJvcEV2ZW50KChldmVudCkgPT4gVXRpbC5saXN0RmlsZXNJbkRpcmVjdG9yeShldmVudC5wYXlsb2FkKSkKCQkudGhlbigodmFsdWUpID0+IGNvbnNvbGUubG9nKHZhbHVlKSk7Cg==">{}</script>

If I comment out the imports like this:

<script lang="ts">
	// import { Footer, Util } from '$lib';
	// import { getCurrentWebview } from '@tauri-apps/api/webview';

	getCurrentWebview()
		.onDragDropEvent((event) => Util.listFilesInDirectory(event.payload))
		.then((value) => console.log(value));
</script>

It formats correctly but the project breaks ofcourse. Not a viable solution. But reproducible.