🦋 Changeset detected

Latest commit: 7239cbb

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

As per the other thread: #12409 (comment)

Just needs docs then we’re good to go

Oops, good catch

@bluwy does this version of the raw snippet API work for Astro, too?

@bluwy does this version of the raw snippet API work for Astro, too?

I updated https://github.com/withastro/astro/tree/svelte-5-slots-fix and it seems to work fine too. (I also made additional changes for snippet children to work)

Why not simply createSnippet?

Why not simply createSnippet?

This isn't something most people should be using, and instead should be using {#snippet} instead. createSnippet might confuse people into thinking that the two ways are equal.

@trueadm @Rich-Harris how can one use an existing component inside createRawSnippet? I tried something like

import { createRawSnippet, mount } from 'svelte';
import Counter from './lib/Counter.svelte'

export const counterSnippet = createRawSnippet(() => {
	return {
		render: () => `<h1>Count: 0</h1>`,
		setup: (node) => {
  		   mount(Counter, {
                       target: node
                    })
		}
	};
});

But this doesnt make sense because I have a different content when rendering. Or am I understanding this wrong?

You can do this...

...though there's currently a bug with hydration (we don't reset hydration state after the snippet has been hydrated, causing the larger app to subsequently crash) that is fixed in #12512