What's the "official" stance around how to work around binding of snippet parameters?

[webJose]

I am writing a table view component, and the natural thing is to create components inside its snippets that naturally bind to the row data object. Also, naturally, the snippet that allows data cell custom content passes the row data object, but I cannot bind to it.

So I guess my question is: Am I perhaps missing something?

[brunnerh]

As long as you have an object, you can bind to its properties in snippets.

<script>
	let o1 = $state({ name: 'Tama' });
	let o2 = $state({ name: 'Pochi' });
</script>

{#snippet item(data)}
	<input bind:value={data.name} />
{/snippet}

{@render item(o1)} {o1.name} <br>
{@render item(o2)} {o2.name}

REPL

[webJose]

Hello, @brunnerh. You help so much I feel like my posts implicitly say "Hey brunner, so I have this problem..." 😄

I see. So I cannot bind to the parameter directly, but I can bind to its properties. Ok. Sounds good enough. Then I can re-write my snippets to pass a single "context" object with the data row object as one of its properties. Understood. Thank you very much.