test: add test

Author: edison1105

packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap

@@ -1,5 +1,16 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`compiler: v-show transform > on component 1`] = `
+"import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback, applyVShow as _applyVShow } from 'vue';
+
+export function render(_ctx) {
+  const _component_Comp = _resolveComponent("Comp")
+  const n0 = _createComponentWithFallback(_component_Comp, null, null, true)
+  _applyVShow(n0, () => (_ctx.foo))
+  return n0
+}"
+`;
+
 exports[`compiler: v-show transform > simple expression 1`] = `
 "import { applyVShow as _applyVShow, template as _template } from 'vue';
 const t0 = _template("<div></div>", true)

packages/compiler-vapor/__tests__/transforms/vShow.spec.ts

@@ -26,4 +26,9 @@ describe('compiler: v-show transform', () => {
       }),
     )
   })
+
+  test('on component', () => {
+    const { code } = compileWithVShow(`<Comp v-show="foo"/>`)
+    expect(code).toMatchSnapshot()
+  })
 })

packages/compiler-vapor/src/transforms/transformElement.ts

@@ -136,6 +136,8 @@ function transformComponentElement(
     once: context.inVOnce,
     dynamic: dynamicComponent,
   }
+
+  // ensure v-show is handled after the component is created
   const hasVShow = findDir(node, 'show')
   if (hasVShow) {
     const showOperationIndex = context.block.operation.findIndex(