Svelte 5: Svelte action does not work with `$store` as parameter

[ariel-salgado]

Describe the bug

In svelte 4 and in version 5.0.0-next.54 i was able to pass $store as action parameter like this.

<div use:action={$store}></div>

But now in version 5.0.0-next.57 this doesn't work

Reproduction

Svelte 4: REPL (Works)
Svelte 5: REPL (Error)

Logs

Error: $store is not defined

message: "$store is not defined"
stack: "ReferenceError: $store is not defined..."

System Info

Svelte REPL

Severity

annoyance

[Prinzhorn]

The issue is different than you think. This works:

<script>
	import { writable } from 'svelte/store'
	
	const store = writable('default');

+	console.log($store);
	
	const action = (el, message) => {
		el.innerHTML = message;
		
		return {
			update (newMessage) {
				el.innerHTML = newMessage;
			}
		}
	}
</script>

<div use:action={$store}></div>

<button on:click={() => store.set('updated')}>Update</button>

So it's not a matter of passing a store to the action. It's that Svelte does not properly track action parameters, so $store is not available. Adding {$store} anywhere (even just console.log($store); in <script>) makes the variable exist in the scope.

https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAA2WRTWvEIBCG_4pIIQksyT1NAr310L21p6YHVyeL1GjQcZcS_O81utkt9OA4H8-8zOhKJ6nA0fZzpZrNQFv6siz0QPFn2QJ3AYUQY2e85Vumc9zKBYdRjyjnxVgkK7laieykgAQyWTOTIvc1Do2FYkO3w412SFKO9PeeshAwMa-wqJ4jdeOMglqZc_mU8FT5o8E4SqOjSAnqQGZwjp2hIv1A1gQiqFpqDfb1_fgWsRuRVTBbC-it3htG9ItgCKTUcD3ugvfiP8UHtYtiyE66oumax0vpTsgL8Q7aPHm_5r3C0DWxkpGTR4xLGd1yJfl3v5ZpowTWDrAs8oiiqMLwkdyuyU1D_KHZCDlJELRF6yF8hV94qCdr3AEAAA==