@@ -573,10 +573,22 @@ const is_bindable = (node, context) => {
573
573
) ;
574
574
} ;
575
575
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
+
576
587
export const runes = [
577
588
{ snippet : '$state(${})' , test : is_state } ,
578
589
{ snippet : '$state' , test : is_state_call } ,
579
590
{ snippet : '$props()' , test : is_props } ,
591
+ { snippet : '$props.id()' , test : is_props_id } ,
580
592
{ snippet : '$derived(${});' , test : is_state } ,
581
593
{ snippet : '$derived' , test : is_state_call } ,
582
594
{ snippet : '$derived.by(() => {\n\t${}\n});' , test : is_state } ,
@@ -590,6 +602,7 @@ export const runes = [
590
602
{ snippet : '$state.snapshot(${})' } ,
591
603
{ snippet : '$effect.tracking()' } ,
592
604
{ snippet : '$inspect(${});' , test : is_statement } ,
605
+ { snippet : '$inspect.trace();' , test : is_statement } ,
593
606
{ snippet : '$inspect.trace(${});' , test : is_statement } ,
594
607
{ snippet : '$host()' }
595
608
] ;
0 commit comments