fix: handle member expressions in directives (#10576)

Author: navorite

.changeset/good-rivers-yawn.md

@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: handle member expressions in directives

packages/svelte/src/compiler/phases/scope.js

@@ -334,7 +334,7 @@ export function create_scopes(ast, root, allow_reactive_declarations, parent) {
 	 * @type {import('zimmerframe').Visitor<import('#compiler').AnimateDirective | import('#compiler').TransitionDirective | import('#compiler').UseDirective, State, import('#compiler').SvelteNode>}
 	 */
 	const SvelteDirective = (node, { state, path, visit }) => {
-		state.scope.reference(b.id(node.name), path);
+		state.scope.reference(b.id(node.name.split('.')[0]), path);
 
 		if (node.expression) {
 			visit(node.expression);

packages/svelte/tests/runtime-runes/samples/store-directive/main.svelte

@@ -1,11 +1,14 @@
 <script>
 	import { writable } from 'svelte/store';
 
-	let action = writable((node, text) => {
+	let store = writable({action: (node, text) => {
 		node.textContent = text;
-	});
+		return {
+			destroy() {}
+		}
+	}});
 
-	let text = writable('mounted')
+	let text = writable('mounted');
 </script>
 
-<div use:$action={$text}>hello</div>
+<div use:$store.action={$text}>hello</div>