feat: support dynamic arg

Author: zhiyuanzmj

playground/virtual-dom/App.vue

@@ -62,6 +62,10 @@ function Comp4() {
 }
 
 const Component = <div>Component</div>
+const slots = {
+  default: () => <div>"default slot"</div>,
+  bottom: () => <div>'bottom slot'</div>,
+}
 
 defineRender((
   <>
@@ -98,9 +102,8 @@ defineRender((
           return A
         }}
       >
-        "default slot"
-        <template v-slot:bottom>
-          <div>"bottom slot"</div>
+        <template v-for={(slot, slotName) in slots} v-slot:$slotName$>
+          {slot}
         </template>
       </Comp>
       <Comp1 />

src/core/transform.ts

@@ -93,7 +93,9 @@ export function transformVueJsxVapor(
         }
 
         postCallbacks.unshift(() =>
-          s.overwriteNode(node.name, name.replaceAll('_', '.')),
+          s.overwriteNode(node.name, name
+            .replaceAll('_', '.')
+            .replaceAll(/\$(\w+)\$/g, '[$1]')),
         )
       }
       else if (