fix(compiler): move next, child and nthChild before the setInsertionState

Author: zhiyuanzmj

docs/introduction/getting-started.md

@@ -17,7 +17,7 @@ We assume you are already familiar with the basic usages of Vue before you conti
 pnpm add vue-jsx-vapor
 
 # runtime
-pnpm add https://pkg.pr.new/vue@ce35a8c
+pnpm add https://pkg.pr.new/vue@13061
 ```
 
 The Vue Vapor runtime is not release, so we use [pkg.pr.new](https://github.com/stackblitz-labs/pkg.pr.new) to install.
@@ -64,6 +64,6 @@ export default {
 
 :::
 
-<!-- ## Templates
+## Templates
 
-- [Vite](https://github.com/vue-macros/vite) -->
+- [Vite](https://github.com/zhiyuanzmj/vitesse-jsx-vapor)

packages/compiler/src/transforms/vOn.ts

@@ -79,7 +79,11 @@ export const transformVOn: DirectiveTransform = (dir, node, context) => {
       key: arg,
       value: handler,
       handler: true,
-      handlerModifiers: eventOptionModifiers,
+      handlerModifiers: {
+        keys: keyModifiers,
+        nonKeys: nonKeyModifiers,
+        options: eventOptionModifiers,
+      },
     }
   }
 

packages/compiler/test/__snapshots__/compile.spec.ts.snap

@@ -0,0 +1,14 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`compile > setInsertionState > next, child and nthChild should be above the setInsertionState 1`] = `
+"
+  const n3 = t0()
+  const n2 = _next(_child(n3))
+  const p0 = _nthChild(n3, 4)
+  const n1 = _child(p0)
+  _setInsertionState(n3, n2)
+  const n0 = _createComponent(Comp)
+  _renderEffect(() => _setProp(n1, "disabled", foo))
+  return n3
+"
+`;

packages/compiler/test/compile.spec.ts

@@ -85,4 +85,21 @@ describe('compile', () => {
       expect(code).contains('a + b')
     })
   })
+
+  describe('setInsertionState', () => {
+    test('next, child and nthChild should be above the setInsertionState', () => {
+      const { code } = compile(`
+      <div>
+        <div />
+        <Comp />
+        <div />
+        <div v-if={true} />
+        <div>
+          <button disabled={foo} />
+        </div>
+      </div>
+      `)
+      expect(code).toMatchSnapshot()
+    })
+  })
 })