@@ -573,10 +573,22 @@ const is_bindable = (node, context) => {
573573 ) ;
574574} ;
575575
576+ /**
577+ * @type {import("./types").Test }
578+ */
579+ const is_props_id = ( node ) => {
580+ if ( node . parent ?. name !== 'VariableDeclaration' ) return false ;
581+ if ( node . parent ?. parent ?. name !== 'VariableDeclarator' ) return false ;
582+ if ( node . parent ?. parent ?. parent ?. name !== 'Program' ) return false ;
583+ if ( node . parent ?. firstChild ?. name !== 'Identifier' ) return false ;
584+ return true ;
585+ } ;
586+
576587export const runes = [
577588 { snippet : '$state(${})' , test : is_state } ,
578589 { snippet : '$state' , test : is_state_call } ,
579590 { snippet : '$props()' , test : is_props } ,
591+ { snippet : '$props.id()' , test : is_props_id } ,
580592 { snippet : '$derived(${});' , test : is_state } ,
581593 { snippet : '$derived' , test : is_state_call } ,
582594 { snippet : '$derived.by(() => {\n\t${}\n});' , test : is_state } ,
@@ -590,6 +602,7 @@ export const runes = [
590602 { snippet : '$state.snapshot(${})' } ,
591603 { snippet : '$effect.tracking()' } ,
592604 { snippet : '$inspect(${});' , test : is_statement } ,
605+ { snippet : '$inspect.trace();' , test : is_statement } ,
593606 { snippet : '$inspect.trace(${});' , test : is_statement } ,
594607 { snippet : '$host()' }
595608] ;
0 commit comments