chore: release v2.1.1

Author: zhiyuanzmj

CHANGELOG.md

@@ -1,3 +1,19 @@
+## [2.1.1](https://github.com/vuejs/vue-jsx-vapor/compare/v2.1.0...v2.1.1) (2025-03-17)
+
+
+### Bug Fixes
+
+* **compiler:** missing modifiers ([32849a7](https://github.com/vuejs/vue-jsx-vapor/commit/32849a73c28f7da97dfc868f11d7a4aa0f45e4fe))
+* **compiler:** remove empty modifiers ([dce2e83](https://github.com/vuejs/vue-jsx-vapor/commit/dce2e83d6892a47ef5a3a6132305bfed6e619269))
+* **compiler:** use setInsertionState instead of insert ([2fae757](https://github.com/vuejs/vue-jsx-vapor/commit/2fae757c4323b93466cf233187b64968659c043c))
+
+
+### Features
+
+* **compiler:** support empty expression for event with modifiers ([187bf8c](https://github.com/vuejs/vue-jsx-vapor/commit/187bf8c1f0dbad4f726d48a10a9d487e46277f33))
+
+
+
 # [2.1.0](https://github.com/vuejs/vue-jsx-vapor/compare/v2.0.1...v2.1.0) (2025-03-16)
 
 

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "[email protected]",
   "description": "Vue JSX Vapor",
   "type": "module",

packages/babel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-jsx-vapor/babel",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "[email protected]",
   "description": "Vue JSX Vapor Babel Plugin",
   "type": "module",

packages/compiler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-jsx-vapor/compiler",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "[email protected]",
   "description": "Vue JSX Vapor Compiler",
   "type": "module",

packages/compiler/src/transforms/transformChildren.ts

@@ -75,6 +75,7 @@ function processDynamicChildren(context: TransformContext<Node>) {
           const anchor = (prevDynamics[0].anchor = context.increaseId())
           registerInsertion(prevDynamics, context, anchor)
         } else {
+          prevDynamics[0].flags -= DynamicFlag.NON_TEMPLATE
           registerInsertion(prevDynamics, context, -1 /* prepend */)
         }
         prevDynamics = []
@@ -94,6 +95,7 @@ function registerInsertion(
   anchor?: number,
 ) {
   for (const child of dynamics) {
+    console.log(child)
     if (child.template != null) {
       // template node due to invalid nesting - generate actual insertion
       context.registerOperation({

packages/compiler/test/transforms/transformChildren.spec.ts

@@ -159,4 +159,67 @@ describe('compiler: children transform', () => {
     expect(code).contains(`const n0 = _nthChild(n1, 2)`)
     expect(code).toMatchSnapshot()
   })
+
+  test('nested elements error', () => {
+    const { code, ir } = compileWithElementTransform(
+      `
+    <div>
+      <div />
+      <Comp />
+      <button disabled={foo} />
+    </div>
+  `,
+      { inline: false },
+    )
+    expect(code).toMatchInlineSnapshot(`
+      "import { child as _child, next as _next, setInsertionState as _setInsertionState, createComponent as _createComponent, setProp as _setProp, renderEffect as _renderEffect, template as _template } from 'vue';
+      const t0 = _template("<div><div></div><!><button></button></div>", true)
+
+      export function render(_ctx) {
+        const n3 = t0()
+        const n2 = _next(_child(n3))
+        _setInsertionState(n3, n2)
+        const n0 = _createComponent(_ctx.Comp)
+        const n1 = _next(n2)
+        _renderEffect(() => _setProp(n1, "disabled", _ctx.foo))
+        return n3
+      }"
+    `)
+    // expect(ir.block.dynamic).toMatchObject({
+    //   children: [
+    //     {
+    //       children: [
+    //         {
+    //           children: [],
+    //           flags: 3,
+    //         },
+    //         {
+    //           children: [],
+    //           flags: 1,
+    //         },
+    //         {
+    //           children: [],
+    //           flags: 3,
+    //         },
+    //         {
+    //           children: [],
+    //           flags: 1,
+    //           id: 0,
+    //         },
+    //         {
+    //           children: [],
+    //           flags: 3,
+    //         },
+    //       ],
+    //       flags: 1,
+    //       hasDynamicChild: true,
+    //       id: 1,
+    //       template: 0,
+    //     },
+    //   ],
+    //   flags: 1,
+    //   hasDynamicChild: true,
+    // })
+    console.log(ir.block.dynamic)
+  })
 })

packages/macros/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-jsx-vapor/macros",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "[email protected]",
   "description": "Macros for Vue JSX Vapor",
   "type": "module",

packages/vue-jsx-vapor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-jsx-vapor",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "[email protected]",
   "description": "Convert Vue JSX to Vapor",
   "type": "module",

playground/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playground",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": true,
   "type": "module",
   "scripts": {

playground/src/model.tsx

@@ -1,18 +1,19 @@
 import { ref } from 'vue'
-
 const Comp = () => {
   const model = defineModel<string>()
-  return <input v-model={model.value} />
+  return <div>comp</div>
 }
 
 export default () => {
   const model = ref('model')
 
   return (
-    <>
-      <input v-model={model.value}></input>
-      <Comp v-model={model.value} />
-      {model.value}
-    </>
+    <div>
+      123
+      <Comp />1
+      <div>
+        <button disabled={!!model.value}>123</button>
+      </div>
+    </div>
   )
 }