[bug] Paraglide error parsing Svelte 5 {@render} syntax about monorepo HOT 7 CLOSED

I tried using the pnpm override fix in package.json but it didn't work. I was playing around with it some more and it seems like it's actually {...props} that is affecting it. I can actually use {@render children()} normally but as soon as I pass in {...props}, it gives the error ParseError: Unexpected character '@'.

// This fails.
<script lang="ts">
	import type { Snippet } from 'svelte';

	let { children, ...props } = $props<{
		children: Snippet;
	}>();
</script>

<button {...props}>
	{@render children()}
</button>

// This works.
<script lang="ts">
	import type { Snippet } from 'svelte';

	let { children, ...props } = $props<{
		children: Snippet;
	}>();
</script>

<button>
	{@render children()}
</button>

from monorepo.

I made an example SvelteLab environment, it will work if you remove {...props} or you remove paraglide({}) inside of vite.config.js plugins:

SvelteLab Env

from monorepo.

It's probably using the Svelte 4 compiler to try and compile the svelte 5 code. I'll try to update it so that it uses whatever svelte version is used in the current project.

from monorepo.

Jup, was that. I'll turn the adapter's dependency on svelte into a peerDependency.

If you are using pnpm you can immediately fix your issue by adding the following to your package.json

 "pnpm": {
    "overrides": {
      "svelte": "$svelte"
    }
},

This will force any package in your dependency graph to use your version of svelte

from monorepo.

This code is working perfectly fine for me. Do you have a repo I could take a look at?

from monorepo.

"pnpm": { "overrides": { "svelte": "$svelte" } },

this + pnpm i worked for me

from monorepo.

Oh you're right, I guess it was due to peerDependency issues with Svelte after all. I didn't realize that it wouldn't work before with just adding the pnpm override. Now that I tried deleting node_modules and then doing a fresh install with pnpm i, it now works properly. Thanks for the fix. 😄

from monorepo.