fix(volar/jsx-directive): prevent handle v-model's dynamic argument for component context (#931)

zhiyuanzmj · web-flow · commit ced1fc4ddcc3 · 2025-03-14T00:41:34.000+08:00
* feat(jsx-directive)!:  use v-slots instead of vSlots

* fix: test

* fix(jsx-directive): prevent handle v-model's dynamic argument for component context
diff --git a/packages/volar/src/jsx-directive/context.ts b/packages/volar/src/jsx-directive/context.ts
@@ -85,13 +85,15 @@ export function transformCtx(
       continue
     }
 
-    if (name.startsWith(`${prefix}model`)) {
-      name = name.split('_')[0].split(':')[1] || 'modelValue'
+    const prefixModel = `${prefix}model`
+    if (name.startsWith(prefixModel)) {
+      name = name.split('$')[0].split('_')[0].split(':')[1] ?? 'modelValue'
     } else if (name.includes('_')) {
       name = name.split('_')[0]
     } else if (prefix && name.startsWith(prefix)) {
       continue
     }
+    if (!name) continue
 
     const value = prop.initializer
       ? isJsxExpression(prop.initializer) && prop.initializer.expression
