From 123cfd3f9bad9929c4b260aeb0ebea0eedb54730 Mon Sep 17 00:00:00 2001 From: yangxiuxiu1115 <1974364190@qq.com> Date: Thu, 1 Aug 2024 23:19:06 +0800 Subject: [PATCH 1/2] feat: support template props omitted --- .../__snapshots__/compile.spec.ts.snap | 47 +++++++++------ .../compiler-vapor/__tests__/compile.spec.ts | 9 +++ .../transformChildren.spec.ts.snap | 2 +- .../transformElement.spec.ts.snap | 56 +++++++++--------- .../__snapshots__/transformRef.spec.ts.snap | 2 +- .../transformSlotOutlet.spec.ts.snap | 28 ++++----- .../transformTemplateRef.spec.ts.snap | 8 +-- .../__snapshots__/transformText.spec.ts.snap | 4 +- .../__snapshots__/vBind.spec.ts.snap | 32 +++++----- .../__snapshots__/vFor.spec.ts.snap | 16 ++--- .../__snapshots__/vHtml.spec.ts.snap | 6 +- .../transforms/__snapshots__/vIf.spec.ts.snap | 14 ++--- .../__snapshots__/vModel.spec.ts.snap | 38 ++++++------ .../transforms/__snapshots__/vOn.spec.ts.snap | 58 +++++++++---------- .../__snapshots__/vOnce.spec.ts.snap | 16 ++--- .../__snapshots__/vShow.spec.ts.snap | 2 +- .../__snapshots__/vSlot.spec.ts.snap | 20 +++---- .../__snapshots__/vText.spec.ts.snap | 6 +- packages/compiler-vapor/src/generate.ts | 2 +- .../src/generators/expression.ts | 10 +++- 20 files changed, 202 insertions(+), 174 deletions(-) diff --git a/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap b/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap index 533252b6b..f0f7f8b7e 100644 --- a/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compile > bindings 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setText(n0, "count is ", _ctx.count, ".")) return n0 @@ -15,7 +15,7 @@ exports[`compile > custom directive > basic 1`] = ` "import { resolveDirective as _resolveDirective, withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const _directive_test = _resolveDirective("test") const _directive_hello = _resolveDirective("hello") const n0 = t0() @@ -28,7 +28,7 @@ exports[`compile > custom directive > component 1`] = ` "import { resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, createComponent as _createComponent, withDirectives as _withDirectives, insert as _insert, createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Bar = _resolveComponent("Bar") const _component_Comp = _resolveComponent("Comp") const _directive_hello = _resolveDirective("hello") @@ -56,7 +56,7 @@ exports[`compile > directives > custom directive > basic 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample]]) return n0 @@ -67,7 +67,7 @@ exports[`compile > directives > custom directive > binding value 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg]]) return n0 @@ -78,7 +78,7 @@ exports[`compile > directives > custom directive > dynamic parameters 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, _ctx.foo]]) return n0 @@ -89,7 +89,7 @@ exports[`compile > directives > custom directive > modifiers 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, void 0, { bar: true }]]) return n0 @@ -100,7 +100,7 @@ exports[`compile > directives > custom directive > modifiers w/o binding 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, void 0, void 0, { "foo-bar": true }]]) return n0 @@ -111,7 +111,7 @@ exports[`compile > directives > custom directive > static parameters 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, "foo"]]) return n0 @@ -122,7 +122,7 @@ exports[`compile > directives > custom directive > static parameters and modifie "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, "foo", { bar: true }]]) return n0 @@ -133,7 +133,7 @@ exports[`compile > directives > v-cloak > basic 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
test
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" @@ -143,7 +143,7 @@ exports[`compile > directives > v-pre > basic 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
{{ bar }}
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" @@ -154,7 +154,7 @@ exports[`compile > directives > v-pre > should not affect siblings after it 1`] const t0 = _template("
{{ bar }}
") const t1 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = t0() const n3 = t1() @@ -169,7 +169,7 @@ export function render(_ctx) { exports[`compile > dynamic root 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createTextNode([1, 2]) return n0 }" @@ -180,7 +180,7 @@ exports[`compile > dynamic root nodes and interpolation 1`] = ` const t0 = _template("") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.handleClick) _renderEffect(() => _setText(n0, _ctx.count, "foo", _ctx.count, "foo", _ctx.count)) @@ -210,7 +210,7 @@ const t0 = _template("

") const t1 = _template("") const t2 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() const n1 = t1() const n2 = t2() @@ -218,10 +218,21 @@ export function render(_ctx) { }" `; +exports[`compile > props bindings 1`] = ` +"import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; +const t0 = _template("
count
") + +export function render(_ctx, _props) { + const n0 = t0() + _renderEffect(() => _setDynamicProp(n0, "count", _props.count)) + return n0 +}" +`; + exports[`compile > static + dynamic root 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createTextNode([1, 2, "3", 4, 5, "6", 7, 8, "9", 'A', 'B']) return n0 }" @@ -231,7 +242,7 @@ exports[`compile > static template 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("

hello

") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" diff --git a/packages/compiler-vapor/__tests__/compile.spec.ts b/packages/compiler-vapor/__tests__/compile.spec.ts index 2aeb777da..ce31f7aa4 100644 --- a/packages/compiler-vapor/__tests__/compile.spec.ts +++ b/packages/compiler-vapor/__tests__/compile.spec.ts @@ -59,6 +59,15 @@ describe('compile', () => { expect(code).matchSnapshot() }) + test('props bindings', () => { + const code = compile(`
count
`, { + bindingMetadata: { + count: BindingTypes.PROPS, + }, + }) + expect(code).matchSnapshot() + }) + describe('directives', () => { describe('v-pre', () => { test('basic', () => { diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap index 951a534ec..667d68edf 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: children transform > children & sibling references 1`] = ` "import { next as _next, createTextNode as _createTextNode, insert as _insert, renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("

") -export function render(_ctx) { +export function render(_ctx, _props) { const n4 = t0() const n0 = n4.firstChild const n3 = _next(n0, 2) diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap index 0bd845763..ec10d5c9c 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: element transform > component > do not resolve component from non-script-setup bindings 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Example = _resolveComponent("Example") const n0 = _createComponent(_component_Example, null, null, true) return n0 @@ -14,7 +14,7 @@ exports[`compiler: element transform > component > generate multi root component "import { createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("123") -export function render(_ctx) { +export function render(_ctx, _props) { const n1 = t0() const n0 = _createComponent(_ctx.Comp) return [n0, n1] @@ -24,7 +24,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > generate single root component 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createComponent(_ctx.Comp, null, null, true) return n0 }" @@ -33,7 +33,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > import + resolve component 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, null, null, true) return n0 @@ -57,7 +57,7 @@ exports[`compiler: element transform > component > resolve component from setup exports[`compiler: element transform > component > resolve component from setup bindings 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createComponent(_ctx.Example, null, null, true) return n0 }" @@ -73,7 +73,7 @@ exports[`compiler: element transform > component > resolve namespaced component exports[`compiler: element transform > component > resolve namespaced component from props bindings (non-inline) 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createComponent(_ctx.Foo.Example, null, null, true) return n0 }" @@ -89,7 +89,7 @@ exports[`compiler: element transform > component > resolve namespaced component exports[`compiler: element transform > component > resolve namespaced component from setup bindings 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createComponent(_ctx.Foo.Example, null, null, true) return n0 }" @@ -98,7 +98,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > should wrap as function if v-on expression is inline statement 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { onBar: () => $event => (_ctx.handleBar($event)) } @@ -110,7 +110,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > static props 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { @@ -125,7 +125,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > v-bind="obj" 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => (_ctx.obj) @@ -137,7 +137,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > v-bind="obj" after static prop 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { id: () => ("foo") }, @@ -150,7 +150,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > v-bind="obj" before static prop 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => (_ctx.obj), @@ -163,7 +163,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > v-bind="obj" between static props 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { id: () => ("foo") }, @@ -177,7 +177,7 @@ export function render(_ctx) { exports[`compiler: element transform > component > v-on="obj" 1`] = ` "import { resolveComponent as _resolveComponent, toHandlers as _toHandlers, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => (_toHandlers(_ctx.obj)) @@ -190,7 +190,7 @@ exports[`compiler: element transform > component with dynamic event arguments 1` "import { toHandlerKey as _toHandlerKey } from 'vue'; import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => ({ [_toHandlerKey(_ctx.foo-_ctx.bar)]: () => _ctx.bar }), @@ -203,7 +203,7 @@ export function render(_ctx) { exports[`compiler: element transform > component with dynamic prop arguments 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => ({ [_ctx.foo-_ctx.bar]: _ctx.bar }), @@ -215,7 +215,7 @@ export function render(_ctx) { exports[`compiler: element transform > empty template 1`] = ` " -export function render(_ctx) { +export function render(_ctx, _props) { return null }" `; @@ -226,7 +226,7 @@ const t0 = _template("
123
") const t1 = _template("

") const t2 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n1 = t1() const n0 = t0() const n3 = t2() @@ -241,7 +241,7 @@ exports[`compiler: element transform > props + children 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" @@ -251,7 +251,7 @@ exports[`compiler: element transform > props merging: class 1`] = ` "import { renderEffect as _renderEffect, setClass as _setClass, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setClass(n0, ["foo", { bar: _ctx.isBar }])) return n0 @@ -263,7 +263,7 @@ exports[`compiler: element transform > props merging: event handlers 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.a) _delegate(n0, "click", () => _ctx.b) @@ -275,7 +275,7 @@ exports[`compiler: element transform > props merging: style 1`] = ` "import { renderEffect as _renderEffect, setStyle as _setStyle, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setStyle(n0, ["color: green", { color: 'red' }])) return n0 @@ -286,7 +286,7 @@ exports[`compiler: element transform > static props 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" @@ -296,7 +296,7 @@ exports[`compiler: element transform > v-bind="obj" 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, _ctx.obj)) return n0 @@ -307,7 +307,7 @@ exports[`compiler: element transform > v-bind="obj" after static prop 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { id: "foo" }, _ctx.obj)) return n0 @@ -318,7 +318,7 @@ exports[`compiler: element transform > v-bind="obj" before static prop 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, _ctx.obj, { id: "foo" })) return n0 @@ -329,7 +329,7 @@ exports[`compiler: element transform > v-bind="obj" between static props 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { id: "foo" }, _ctx.obj, { class: "bar" })) return n0 @@ -340,7 +340,7 @@ exports[`compiler: element transform > v-on="obj" 1`] = ` "import { renderEffect as _renderEffect, setDynamicEvents as _setDynamicEvents, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicEvents(n0, _ctx.obj)) return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformRef.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformRef.spec.ts.snap index bf50a8e82..23bf067d7 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformRef.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformRef.spec.ts.snap @@ -16,7 +16,7 @@ exports[`compiler: template ref transform > ref + v-for 1`] = ` "import { setRef as _setRef, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => ([1,2,3]), (_block) => { const n2 = t0() _setRef(n2, "foo", void 0, true) diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap index eab69c82b..a86436129 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: transform outlets > default slot outlet 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("default", null) return n0 }" @@ -13,7 +13,7 @@ exports[`compiler: transform outlets > default slot outlet with fallback "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("default", null, () => { const n2 = t0() return n2 @@ -26,7 +26,7 @@ exports[`compiler: transform outlets > default slot outlet with props & f "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("default", [ { foo: () => (_ctx.bar) } ], () => { @@ -40,7 +40,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > default slot outlet with props 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("default", [ { foo: () => ("bar"), @@ -55,7 +55,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > dynamically named slot outlet 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot(() => (_ctx.foo + _ctx.bar), null) return n0 }" @@ -64,7 +64,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > dynamically named slot outlet with v-bind shorthand 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot(() => (_ctx.name), null) return n0 }" @@ -73,7 +73,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > error on unexpected custom directive on 1`] = ` "import { resolveDirective as _resolveDirective, createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _directive_foo = _resolveDirective("foo") const n0 = _createSlot("default", null) return n0 @@ -83,7 +83,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > error on unexpected custom directive with v-show on 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("default", null) return n0 }" @@ -93,7 +93,7 @@ exports[`compiler: transform outlets > named slot outlet with fallback 1` "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("foo", null, () => { const n2 = t0() return n2 @@ -106,7 +106,7 @@ exports[`compiler: transform outlets > named slot outlet with props & fal "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("foo", [ { foo: () => (_ctx.bar) } ], () => { @@ -120,7 +120,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > statically named slot outlet 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("foo", null) return n0 }" @@ -129,7 +129,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > statically named slot outlet with props 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("foo", [ { foo: () => ("bar"), @@ -143,7 +143,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > statically named slot outlet with v-bind="obj" 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("foo", [ { foo: () => ("bar") }, () => (_ctx.obj), @@ -156,7 +156,7 @@ export function render(_ctx) { exports[`compiler: transform outlets > statically named slot outlet with v-on 1`] = ` "import { createSlot as _createSlot, toHandlers as _toHandlers } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createSlot("default", [ { onClick: () => _ctx.foo }, () => (_toHandlers(_ctx.bar)), diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap index a60019925..53df5328b 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: template ref transform > dynamic ref 1`] = ` "import { renderEffect as _renderEffect, setRef as _setRef, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() let r0 _renderEffect(() => r0 = _setRef(n0, _ctx.foo, r0)) @@ -16,7 +16,7 @@ exports[`compiler: template ref transform > ref + v-for 1`] = ` "import { setRef as _setRef, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => ([1,2,3]), (_ctx0) => { const n2 = t0() _setRef(n2, "foo", void 0, true) @@ -30,7 +30,7 @@ exports[`compiler: template ref transform > ref + v-if 1`] = ` "import { setRef as _setRef, createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (true), () => { const n2 = t0() _setRef(n2, "foo") @@ -44,7 +44,7 @@ exports[`compiler: template ref transform > static ref 1`] = ` "import { setRef as _setRef, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _setRef(n0, "foo") return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap index 5cd9a4002..0719298eb 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: text transform > consecutive text 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createTextNode(() => [_ctx.msg]) return n0 }" @@ -12,7 +12,7 @@ export function render(_ctx) { exports[`compiler: text transform > no consecutive text 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createTextNode(["hello world"]) return n0 }" diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap index 16cbc2066..0291e31d7 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler v-bind > .attr modifier 1`] = ` "import { renderEffect as _renderEffect, setAttr as _setAttr, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setAttr(n0, "foo-bar", _ctx.id)) return n0 @@ -15,7 +15,7 @@ exports[`compiler v-bind > .attr modifier w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setAttr as _setAttr, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setAttr(n0, "foo-bar", _ctx.fooBar)) return n0 @@ -26,7 +26,7 @@ exports[`compiler v-bind > .camel modifier 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "fooBar", _ctx.id)) return n0 @@ -38,7 +38,7 @@ exports[`compiler v-bind > .camel modifier w/ dynamic arg 1`] = ` import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { [_camelize(_ctx.foo)]: _ctx.id })) return n0 @@ -49,7 +49,7 @@ exports[`compiler v-bind > .camel modifier w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "fooBar", _ctx.fooBar)) return n0 @@ -60,7 +60,7 @@ exports[`compiler v-bind > .prop modifier (shortband) w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.fooBar)) return n0 @@ -71,7 +71,7 @@ exports[`compiler v-bind > .prop modifier (shorthand) 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.id)) return n0 @@ -82,7 +82,7 @@ exports[`compiler v-bind > .prop modifier 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.id)) return n0 @@ -93,7 +93,7 @@ exports[`compiler v-bind > .prop modifier w/ dynamic arg 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { ["." + _ctx.fooBar]: _ctx.id })) return n0 @@ -104,7 +104,7 @@ exports[`compiler v-bind > .prop modifier w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.fooBar)) return n0 @@ -115,7 +115,7 @@ exports[`compiler v-bind > basic 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "id", _ctx.id)) return n0 @@ -126,7 +126,7 @@ exports[`compiler v-bind > dynamic arg 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { [_ctx.id]: _ctx.id, [_ctx.title]: _ctx.title })) return n0 @@ -137,7 +137,7 @@ exports[`compiler v-bind > dynamic arg w/ static attribute 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { [_ctx.id]: _ctx.id, foo: "bar", checked: "" })) return n0 @@ -148,7 +148,7 @@ exports[`compiler v-bind > no expression (shorthand) 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "camel-case", _ctx.camelCase)) return n0 @@ -159,7 +159,7 @@ exports[`compiler v-bind > no expression 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "id", _ctx.id)) return n0 @@ -170,7 +170,7 @@ exports[`compiler v-bind > should error if empty expression 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap index b9a81d414..329ac2cfa 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-for > array de-structured value 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, withDestructure as _withDestructure, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.list), _withDestructure(([[id, ...other], index]) => [id, other, index], (_ctx0) => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx0[0] + _ctx0[1] + _ctx0[2])) @@ -19,7 +19,7 @@ exports[`compiler: v-for > basic v-for 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.items), (_ctx0) => { const n2 = t0() _delegate(n2, "click", () => $event => (_ctx.remove(_ctx0[0]))) @@ -34,7 +34,7 @@ exports[`compiler: v-for > function params w/ prefixIdentifiers: false 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (items), ([item, __, k]) => { const n2 = t0() _renderEffect(() => _setText(n2, item)) @@ -48,7 +48,7 @@ exports[`compiler: v-for > multi effect 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.items), (_ctx0) => { const n2 = t0() _renderEffect(() => _setDynamicProp(n2, "item", _ctx0[0])) @@ -64,7 +64,7 @@ exports[`compiler: v-for > nested v-for 1`] = ` const t0 = _template("") const t1 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.list), (_ctx0) => { const n5 = t1() const n2 = _createFor(() => (_ctx0[0]), (_ctx1) => { @@ -83,7 +83,7 @@ exports[`compiler: v-for > object de-structured value 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, withDestructure as _withDestructure, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.list), _withDestructure(([{ id, ...other }, index]) => [id, other, index], (_ctx0) => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx0[0] + _ctx0[1] + _ctx0[2])) @@ -97,7 +97,7 @@ exports[`compiler: v-for > v-for aliases w/ complex expressions 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, withDestructure as _withDestructure, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.list), _withDestructure(([{ foo = bar, baz: [qux = quux] }]) => [foo, qux], (_ctx0) => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx0[0] + _ctx.bar + _ctx.baz + _ctx0[1] + _ctx.quux)) @@ -111,7 +111,7 @@ exports[`compiler: v-for > w/o value 1`] = ` "import { createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
item
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.items), (_ctx0) => { const n2 = t0() return n2 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap index bb5fba17d..30cb9bc8e 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap @@ -4,7 +4,7 @@ exports[`v-html > should convert v-html to innerHTML 1`] = ` "import { renderEffect as _renderEffect, setHtml as _setHtml, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setHtml(n0, _ctx.code)) return n0 @@ -15,7 +15,7 @@ exports[`v-html > should raise error and ignore children when v-html is present "import { renderEffect as _renderEffect, setHtml as _setHtml, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setHtml(n0, _ctx.test)) return n0 @@ -26,7 +26,7 @@ exports[`v-html > should raise error if has no expression 1`] = ` "import { setHtml as _setHtml, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _setHtml(n0, "") return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap index 3d92452a1..56ad1ddf1 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-if > basic v-if 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx.msg)) @@ -23,7 +23,7 @@ const t3 = _template("") const t4 = _template("fine") const t5 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n13 = t5() const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() @@ -46,7 +46,7 @@ exports[`compiler: v-if > dedupe same template 1`] = ` "import { createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
hello
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 @@ -65,7 +65,7 @@ const t0 = _template("
") const t1 = _template("hello") const t2 = _template("

") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() const n3 = t1() @@ -82,7 +82,7 @@ exports[`compiler: v-if > v-if + v-else 1`] = ` const t0 = _template("
") const t1 = _template("

") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 @@ -100,7 +100,7 @@ const t0 = _template("
") const t1 = _template("

") const t2 = _template("fine") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 @@ -120,7 +120,7 @@ exports[`compiler: v-if > v-if + v-else-if 1`] = ` const t0 = _template("
") const t1 = _template("

") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap index ee8fcf62d..36ac766bd 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: vModel transform > component > v-model for component should generate modelModifiers 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { modelValue: () => (_ctx.foo), @@ -17,7 +17,7 @@ export function render(_ctx) { exports[`compiler: vModel transform > component > v-model for component should work 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { modelValue: () => (_ctx.foo), @@ -30,7 +30,7 @@ export function render(_ctx) { exports[`compiler: vModel transform > component > v-model with arguments for component should generate modelModifiers 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { @@ -49,7 +49,7 @@ export function render(_ctx) { exports[`compiler: vModel transform > component > v-model with arguments for component should work 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { bar: () => (_ctx.foo), @@ -62,7 +62,7 @@ export function render(_ctx) { exports[`compiler: vModel transform > component > v-model with dynamic arguments for component should generate modelModifiers 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ () => ({ [_ctx.foo]: _ctx.foo, @@ -79,7 +79,7 @@ export function render(_ctx) { exports[`compiler: vModel transform > component > v-model with dynamic arguments for component should work 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ () => ({ [_ctx.arg]: _ctx.foo, @@ -93,7 +93,7 @@ exports[`compiler: vModel transform > modifiers > .lazy 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model, void 0, { lazy: true }]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -105,7 +105,7 @@ exports[`compiler: vModel transform > modifiers > .number 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model, void 0, { number: true }]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -117,7 +117,7 @@ exports[`compiler: vModel transform > modifiers > .trim 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model, void 0, { trim: true }]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -129,7 +129,7 @@ exports[`compiler: vModel transform > should support input (checkbox) 1`] = ` "import { vModelCheckbox as _vModelCheckbox, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelCheckbox, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -141,7 +141,7 @@ exports[`compiler: vModel transform > should support input (dynamic type) 1`] = "import { vModelDynamic as _vModelDynamic, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelDynamic, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -153,7 +153,7 @@ exports[`compiler: vModel transform > should support input (radio) 1`] = ` "import { vModelRadio as _vModelRadio, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelRadio, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -165,7 +165,7 @@ exports[`compiler: vModel transform > should support input (text) 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -177,7 +177,7 @@ exports[`compiler: vModel transform > should support member expression 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.setupRef.child]]) const n1 = t0() @@ -210,7 +210,7 @@ exports[`compiler: vModel transform > should support select 1`] = ` "import { vModelSelect as _vModelSelect, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelSelect, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -222,7 +222,7 @@ exports[`compiler: vModel transform > should support simple expression 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -234,7 +234,7 @@ exports[`compiler: vModel transform > should support textarea 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -246,7 +246,7 @@ exports[`compiler: vModel transform > should support w/ dynamic v-bind 1`] = ` "import { vModelDynamic as _vModelDynamic, withDirectives as _withDirectives, delegate as _delegate, renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelDynamic, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -259,7 +259,7 @@ exports[`compiler: vModel transform > should support w/ dynamic v-bind 2`] = ` "import { vModelDynamic as _vModelDynamic, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vModelDynamic, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap index 80304b4ba..ded3a48f7 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap @@ -5,7 +5,7 @@ exports[`v-on > complex member expression w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.a['b' + _ctx.c]) return n0 @@ -16,7 +16,7 @@ exports[`v-on > dynamic arg 1`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.event, () => _ctx.handler, { @@ -31,7 +31,7 @@ exports[`v-on > dynamic arg with complex exp prefixing 1`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.event(_ctx.foo), () => _ctx.handler, { @@ -46,7 +46,7 @@ exports[`v-on > dynamic arg with prefixing 1`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.event, () => _ctx.handler, { @@ -65,7 +65,7 @@ const t2 = _template("
") const t3 = _template("") _delegateEvents("click", "contextmenu", "mouseup", "keyup") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() const n1 = t1() const n2 = t0() @@ -164,7 +164,7 @@ exports[`v-on > function expression w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => e => _ctx.foo(e)) return n0 @@ -176,7 +176,7 @@ exports[`v-on > inline statement w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => (_ctx.foo($event))) return n0 @@ -188,7 +188,7 @@ exports[`v-on > multiple inline statements w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => {_ctx.foo($event);_ctx.bar()}) return n0 @@ -200,7 +200,7 @@ exports[`v-on > should NOT add a prefix to $event if the expression is a functio const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => {_ctx.i++;_ctx.foo($event)}) return n0 @@ -212,7 +212,7 @@ exports[`v-on > should NOT wrap as function if expression is already function ex const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => (e: any): any => _ctx.foo(e)) return n0 @@ -224,7 +224,7 @@ exports[`v-on > should NOT wrap as function if expression is already function ex const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => { @@ -240,7 +240,7 @@ exports[`v-on > should NOT wrap as function if expression is already function ex const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => _ctx.foo($event)) return n0 @@ -252,7 +252,7 @@ exports[`v-on > should NOT wrap as function if expression is complex member expr const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.a['b' + _ctx.c]) return n0 @@ -264,7 +264,7 @@ exports[`v-on > should delegate event 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.test) return n0 @@ -276,7 +276,7 @@ exports[`v-on > should handle multi-line statement 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => { _ctx.foo(); @@ -291,7 +291,7 @@ exports[`v-on > should handle multiple inline statement 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => {_ctx.foo();_ctx.bar()}) return n0 @@ -303,7 +303,7 @@ exports[`v-on > should not prefix member expression 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.foo.bar) return n0 @@ -315,7 +315,7 @@ exports[`v-on > should not wrap keys guard if no key modifier is present 1`] = ` const t0 = _template("
") _delegateEvents("keyup") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "keyup", () => _ctx.test, { modifiers: ["exact"] @@ -329,7 +329,7 @@ exports[`v-on > should support multiple events and modifiers options w/ prefixId const t0 = _template("
") _delegateEvents("click", "keyup") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.test, { modifiers: ["stop"] @@ -345,7 +345,7 @@ exports[`v-on > should support multiple modifiers and event options w/ prefixIde "import { on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _on(n0, "click", () => _ctx.test, { modifiers: ["stop", "prevent"], @@ -361,7 +361,7 @@ exports[`v-on > should transform click.middle 1`] = ` const t0 = _template("
") _delegateEvents("mouseup") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "mouseup", () => _ctx.test, { modifiers: ["middle"] @@ -374,7 +374,7 @@ exports[`v-on > should transform click.middle 2`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => { _on(n0, (_ctx.event) === "click" ? "mouseup" : (_ctx.event), () => _ctx.test, { @@ -391,7 +391,7 @@ exports[`v-on > should transform click.right 1`] = ` const t0 = _template("
") _delegateEvents("contextmenu") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "contextmenu", () => _ctx.test, { modifiers: ["right"] @@ -404,7 +404,7 @@ exports[`v-on > should transform click.right 2`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => { _on(n0, (_ctx.event) === "click" ? "contextmenu" : (_ctx.event), () => _ctx.test, { @@ -422,7 +422,7 @@ exports[`v-on > should wrap as function if expression is inline statement 1`] = const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => $event => (_ctx.i++)) return n0 @@ -433,7 +433,7 @@ exports[`v-on > should wrap both for dynamic key event w/ left/right modifiers 1 "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.e, () => _ctx.test, { @@ -462,7 +462,7 @@ exports[`v-on > should wrap keys guard for keyboard events or dynamic events 1`] "import { on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _on(n0, "keydown", () => _ctx.test, { modifiers: ["stop", "ctrl"], @@ -478,7 +478,7 @@ exports[`v-on > should wrap keys guard for static key event w/ left/right modifi const t0 = _template("
") _delegateEvents("keyup") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "keyup", () => _ctx.test, { keys: ["left"] @@ -492,7 +492,7 @@ exports[`v-on > simple expression 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _delegate(n0, "click", () => _ctx.handleClick) return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap index 68fe53dd8..0129684c3 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-once > as root node 1`] = ` "import { setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _setDynamicProp(n0, "id", _ctx.foo) return n0 @@ -15,7 +15,7 @@ exports[`compiler: v-once > basic 1`] = ` "import { createTextNode as _createTextNode, setClass as _setClass, prepend as _prepend, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n2 = t0() const n1 = n2.firstChild const n0 = _createTextNode([_ctx.msg, " "]) @@ -29,7 +29,7 @@ exports[`compiler: v-once > inside v-once 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" @@ -39,7 +39,7 @@ exports[`compiler: v-once > on component 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent, insert as _insert, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n1 = t0() const n0 = _createComponent(_component_Comp, [ @@ -54,7 +54,7 @@ exports[`compiler: v-once > on nested plain element 1`] = ` "import { setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n1 = t0() const n0 = n1.firstChild _setDynamicProp(n0, "id", _ctx.foo) @@ -66,7 +66,7 @@ exports[`compiler: v-once > with v-for 1`] = ` "import { createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createFor(() => (_ctx.list), (_ctx0) => { const n2 = t0() return n2 @@ -79,7 +79,7 @@ exports[`compiler: v-once > with v-if 1`] = ` "import { createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.expr), () => { const n2 = t0() return n2 @@ -93,7 +93,7 @@ exports[`compiler: v-once > with v-if/else 1`] = ` const t0 = _template("
") const t1 = _template("

") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = _createIf(() => (_ctx.expr), () => { const n2 = t0() return n2 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap index cf8f06b22..a9c041367 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-show transform > simple expression 1`] = ` "import { vShow as _vShow, withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _withDirectives(n0, [[_vShow, () => _ctx.foo]]) return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap index 518b4408b..d55d3a44a 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: transform slot > dynamic slots name 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("foo") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n2 = _createComponent(_component_Comp, null, [ () => ({ @@ -23,7 +23,7 @@ exports[`compiler: transform slot > dynamic slots name w/ v-for 1`] = ` "import { resolveComponent as _resolveComponent, withDestructure as _withDestructure, createForSlots as _createForSlots, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("foo") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n2 = _createComponent(_component_Comp, null, [ () => (_createForSlots(_ctx.list, (item) => ({ @@ -42,7 +42,7 @@ exports[`compiler: transform slot > dynamic slots name w/ v-for and provide abse "import { resolveComponent as _resolveComponent, createForSlots as _createForSlots, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("foo") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n2 = _createComponent(_component_Comp, null, [ () => (_createForSlots(_ctx.list, (_, __, index) => ({ @@ -63,7 +63,7 @@ const t0 = _template("condition slot") const t1 = _template("another condition") const t2 = _template("else condition") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n6 = _createComponent(_component_Comp, null, [ () => (_ctx.condition @@ -98,7 +98,7 @@ exports[`compiler: transform slot > implicit default slot 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ { @@ -118,7 +118,7 @@ const t0 = _template("foo") const t1 = _template("bar") const t2 = _template("") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n4 = _createComponent(_component_Comp, null, [ { @@ -141,7 +141,7 @@ exports[`compiler: transform slot > nested slots scoping 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template(" ") -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Inner = _resolveComponent("Inner") const _component_Comp = _resolveComponent("Comp") const n5 = _createComponent(_component_Comp, null, [ @@ -168,7 +168,7 @@ export function render(_ctx) { exports[`compiler: transform slot > on component dynamically named slot 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ () => ({ @@ -186,7 +186,7 @@ export function render(_ctx) { exports[`compiler: transform slot > on component named slot 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ { @@ -203,7 +203,7 @@ export function render(_ctx) { exports[`compiler: transform slot > on-component default slot 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx) { +export function render(_ctx, _props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ { diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap index 768196832..bca24136a 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap @@ -4,7 +4,7 @@ exports[`v-text > should convert v-text to textContent 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setText(n0, _ctx.str)) return n0 @@ -15,7 +15,7 @@ exports[`v-text > should raise error and ignore children when v-text is present "import { renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() _renderEffect(() => _setText(n0, _ctx.test)) return n0 @@ -26,7 +26,7 @@ exports[`v-text > should raise error if has no expression 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx) { +export function render(_ctx, _props) { const n0 = t0() return n0 }" diff --git a/packages/compiler-vapor/src/generate.ts b/packages/compiler-vapor/src/generate.ts index 4686340c7..5a1f3089e 100644 --- a/packages/compiler-vapor/src/generate.ts +++ b/packages/compiler-vapor/src/generate.ts @@ -110,7 +110,7 @@ export function generate( if (inline) { push(`(() => {`) } else { - push(NEWLINE, `export function ${functionName}(_ctx) {`) + push(NEWLINE, `export function ${functionName}(_ctx, _props) {`) } push(INDENT_START) diff --git a/packages/compiler-vapor/src/generators/expression.ts b/packages/compiler-vapor/src/generators/expression.ts index 4b5701246..0ce0def82 100644 --- a/packages/compiler-vapor/src/generators/expression.ts +++ b/packages/compiler-vapor/src/generators/expression.ts @@ -168,7 +168,15 @@ function genIdentifier( raw = withAssignment(raw) } } else { - raw = withAssignment(canPrefix(raw) ? `_ctx.${raw}` : raw) + const type = bindingMetadata[raw] + if (type && type.startsWith('setup')) { + raw = `_ctx.${raw}` + } else if (type) { + raw = `_${type}.${raw}` + } else if (canPrefix(raw)) { + raw = `_ctx.${raw}` + } + raw = withAssignment(raw) } return [prefix, [raw, NewlineType.None, loc, name]] From c7f1222078c33a19c868e5c9e80c1975a27463d1 Mon Sep 17 00:00:00 2001 From: yangxiuxiu1115 <1974364190@qq.com> Date: Fri, 2 Aug 2024 20:34:07 +0800 Subject: [PATCH 2/2] fix: format --- .../__snapshots__/compile.spec.ts.snap | 40 ++++++------- .../transformChildren.spec.ts.snap | 2 +- .../transformElement.spec.ts.snap | 56 +++++++++--------- .../transformSlotOutlet.spec.ts.snap | 28 ++++----- .../transformTemplateRef.spec.ts.snap | 8 +-- .../__snapshots__/transformText.spec.ts.snap | 4 +- .../__snapshots__/vBind.spec.ts.snap | 32 +++++----- .../__snapshots__/vFor.spec.ts.snap | 16 ++--- .../__snapshots__/vHtml.spec.ts.snap | 6 +- .../transforms/__snapshots__/vIf.spec.ts.snap | 14 ++--- .../__snapshots__/vModel.spec.ts.snap | 38 ++++++------ .../transforms/__snapshots__/vOn.spec.ts.snap | 58 +++++++++---------- .../__snapshots__/vOnce.spec.ts.snap | 16 ++--- .../__snapshots__/vShow.spec.ts.snap | 2 +- .../__snapshots__/vSlot.spec.ts.snap | 20 +++---- .../__snapshots__/vText.spec.ts.snap | 6 +- packages/compiler-vapor/src/generate.ts | 2 +- .../src/generators/expression.ts | 2 +- packages/runtime-vapor/src/apiRender.ts | 2 +- 19 files changed, 176 insertions(+), 176 deletions(-) diff --git a/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap b/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap index f0f7f8b7e..d4196515d 100644 --- a/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compile > bindings 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setText(n0, "count is ", _ctx.count, ".")) return n0 @@ -15,7 +15,7 @@ exports[`compile > custom directive > basic 1`] = ` "import { resolveDirective as _resolveDirective, withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _directive_test = _resolveDirective("test") const _directive_hello = _resolveDirective("hello") const n0 = t0() @@ -28,7 +28,7 @@ exports[`compile > custom directive > component 1`] = ` "import { resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, createComponent as _createComponent, withDirectives as _withDirectives, insert as _insert, createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Bar = _resolveComponent("Bar") const _component_Comp = _resolveComponent("Comp") const _directive_hello = _resolveDirective("hello") @@ -56,7 +56,7 @@ exports[`compile > directives > custom directive > basic 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample]]) return n0 @@ -67,7 +67,7 @@ exports[`compile > directives > custom directive > binding value 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg]]) return n0 @@ -78,7 +78,7 @@ exports[`compile > directives > custom directive > dynamic parameters 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, _ctx.foo]]) return n0 @@ -89,7 +89,7 @@ exports[`compile > directives > custom directive > modifiers 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, void 0, { bar: true }]]) return n0 @@ -100,7 +100,7 @@ exports[`compile > directives > custom directive > modifiers w/o binding 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, void 0, void 0, { "foo-bar": true }]]) return n0 @@ -111,7 +111,7 @@ exports[`compile > directives > custom directive > static parameters 1`] = ` "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, "foo"]]) return n0 @@ -122,7 +122,7 @@ exports[`compile > directives > custom directive > static parameters and modifie "import { withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_ctx.vExample, () => _ctx.msg, "foo", { bar: true }]]) return n0 @@ -133,7 +133,7 @@ exports[`compile > directives > v-cloak > basic 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
test
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" @@ -143,7 +143,7 @@ exports[`compile > directives > v-pre > basic 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
{{ bar }}
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" @@ -154,7 +154,7 @@ exports[`compile > directives > v-pre > should not affect siblings after it 1`] const t0 = _template("
{{ bar }}
") const t1 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = t0() const n3 = t1() @@ -169,7 +169,7 @@ export function render(_ctx, _props) { exports[`compile > dynamic root 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createTextNode([1, 2]) return n0 }" @@ -180,7 +180,7 @@ exports[`compile > dynamic root nodes and interpolation 1`] = ` const t0 = _template("") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.handleClick) _renderEffect(() => _setText(n0, _ctx.count, "foo", _ctx.count, "foo", _ctx.count)) @@ -210,7 +210,7 @@ const t0 = _template("

") const t1 = _template("") const t2 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() const n1 = t1() const n2 = t2() @@ -222,9 +222,9 @@ exports[`compile > props bindings 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
count
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() - _renderEffect(() => _setDynamicProp(n0, "count", _props.count)) + _renderEffect(() => _setDynamicProp(n0, "count", $props.count)) return n0 }" `; @@ -232,7 +232,7 @@ export function render(_ctx, _props) { exports[`compile > static + dynamic root 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createTextNode([1, 2, "3", 4, 5, "6", 7, 8, "9", 'A', 'B']) return n0 }" @@ -242,7 +242,7 @@ exports[`compile > static template 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("

hello

") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap index 667d68edf..0f3d23bb7 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: children transform > children & sibling references 1`] = ` "import { next as _next, createTextNode as _createTextNode, insert as _insert, renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("

") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n4 = t0() const n0 = n4.firstChild const n3 = _next(n0, 2) diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap index ec10d5c9c..393d8e999 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: element transform > component > do not resolve component from non-script-setup bindings 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Example = _resolveComponent("Example") const n0 = _createComponent(_component_Example, null, null, true) return n0 @@ -14,7 +14,7 @@ exports[`compiler: element transform > component > generate multi root component "import { createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("123") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n1 = t0() const n0 = _createComponent(_ctx.Comp) return [n0, n1] @@ -24,7 +24,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > generate single root component 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createComponent(_ctx.Comp, null, null, true) return n0 }" @@ -33,7 +33,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > import + resolve component 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, null, null, true) return n0 @@ -57,7 +57,7 @@ exports[`compiler: element transform > component > resolve component from setup exports[`compiler: element transform > component > resolve component from setup bindings 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createComponent(_ctx.Example, null, null, true) return n0 }" @@ -73,7 +73,7 @@ exports[`compiler: element transform > component > resolve namespaced component exports[`compiler: element transform > component > resolve namespaced component from props bindings (non-inline) 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createComponent(_ctx.Foo.Example, null, null, true) return n0 }" @@ -89,7 +89,7 @@ exports[`compiler: element transform > component > resolve namespaced component exports[`compiler: element transform > component > resolve namespaced component from setup bindings 1`] = ` "import { createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createComponent(_ctx.Foo.Example, null, null, true) return n0 }" @@ -98,7 +98,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > should wrap as function if v-on expression is inline statement 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { onBar: () => $event => (_ctx.handleBar($event)) } @@ -110,7 +110,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > static props 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { @@ -125,7 +125,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > v-bind="obj" 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => (_ctx.obj) @@ -137,7 +137,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > v-bind="obj" after static prop 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { id: () => ("foo") }, @@ -150,7 +150,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > v-bind="obj" before static prop 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => (_ctx.obj), @@ -163,7 +163,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > v-bind="obj" between static props 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ { id: () => ("foo") }, @@ -177,7 +177,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component > v-on="obj" 1`] = ` "import { resolveComponent as _resolveComponent, toHandlers as _toHandlers, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => (_toHandlers(_ctx.obj)) @@ -190,7 +190,7 @@ exports[`compiler: element transform > component with dynamic event arguments 1` "import { toHandlerKey as _toHandlerKey } from 'vue'; import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => ({ [_toHandlerKey(_ctx.foo-_ctx.bar)]: () => _ctx.bar }), @@ -203,7 +203,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > component with dynamic prop arguments 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Foo = _resolveComponent("Foo") const n0 = _createComponent(_component_Foo, [ () => ({ [_ctx.foo-_ctx.bar]: _ctx.bar }), @@ -215,7 +215,7 @@ export function render(_ctx, _props) { exports[`compiler: element transform > empty template 1`] = ` " -export function render(_ctx, _props) { +export function render(_ctx, $props) { return null }" `; @@ -226,7 +226,7 @@ const t0 = _template("
123
") const t1 = _template("

") const t2 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n1 = t1() const n0 = t0() const n3 = t2() @@ -241,7 +241,7 @@ exports[`compiler: element transform > props + children 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" @@ -251,7 +251,7 @@ exports[`compiler: element transform > props merging: class 1`] = ` "import { renderEffect as _renderEffect, setClass as _setClass, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setClass(n0, ["foo", { bar: _ctx.isBar }])) return n0 @@ -263,7 +263,7 @@ exports[`compiler: element transform > props merging: event handlers 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.a) _delegate(n0, "click", () => _ctx.b) @@ -275,7 +275,7 @@ exports[`compiler: element transform > props merging: style 1`] = ` "import { renderEffect as _renderEffect, setStyle as _setStyle, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setStyle(n0, ["color: green", { color: 'red' }])) return n0 @@ -286,7 +286,7 @@ exports[`compiler: element transform > static props 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" @@ -296,7 +296,7 @@ exports[`compiler: element transform > v-bind="obj" 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, _ctx.obj)) return n0 @@ -307,7 +307,7 @@ exports[`compiler: element transform > v-bind="obj" after static prop 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { id: "foo" }, _ctx.obj)) return n0 @@ -318,7 +318,7 @@ exports[`compiler: element transform > v-bind="obj" before static prop 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, _ctx.obj, { id: "foo" })) return n0 @@ -329,7 +329,7 @@ exports[`compiler: element transform > v-bind="obj" between static props 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { id: "foo" }, _ctx.obj, { class: "bar" })) return n0 @@ -340,7 +340,7 @@ exports[`compiler: element transform > v-on="obj" 1`] = ` "import { renderEffect as _renderEffect, setDynamicEvents as _setDynamicEvents, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicEvents(n0, _ctx.obj)) return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap index a86436129..198567a59 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformSlotOutlet.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: transform outlets > default slot outlet 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("default", null) return n0 }" @@ -13,7 +13,7 @@ exports[`compiler: transform outlets > default slot outlet with fallback "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("default", null, () => { const n2 = t0() return n2 @@ -26,7 +26,7 @@ exports[`compiler: transform outlets > default slot outlet with props & f "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("default", [ { foo: () => (_ctx.bar) } ], () => { @@ -40,7 +40,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > default slot outlet with props 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("default", [ { foo: () => ("bar"), @@ -55,7 +55,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > dynamically named slot outlet 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot(() => (_ctx.foo + _ctx.bar), null) return n0 }" @@ -64,7 +64,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > dynamically named slot outlet with v-bind shorthand 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot(() => (_ctx.name), null) return n0 }" @@ -73,7 +73,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > error on unexpected custom directive on 1`] = ` "import { resolveDirective as _resolveDirective, createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _directive_foo = _resolveDirective("foo") const n0 = _createSlot("default", null) return n0 @@ -83,7 +83,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > error on unexpected custom directive with v-show on 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("default", null) return n0 }" @@ -93,7 +93,7 @@ exports[`compiler: transform outlets > named slot outlet with fallback 1` "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("foo", null, () => { const n2 = t0() return n2 @@ -106,7 +106,7 @@ exports[`compiler: transform outlets > named slot outlet with props & fal "import { createSlot as _createSlot, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("foo", [ { foo: () => (_ctx.bar) } ], () => { @@ -120,7 +120,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > statically named slot outlet 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("foo", null) return n0 }" @@ -129,7 +129,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > statically named slot outlet with props 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("foo", [ { foo: () => ("bar"), @@ -143,7 +143,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > statically named slot outlet with v-bind="obj" 1`] = ` "import { createSlot as _createSlot } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("foo", [ { foo: () => ("bar") }, () => (_ctx.obj), @@ -156,7 +156,7 @@ export function render(_ctx, _props) { exports[`compiler: transform outlets > statically named slot outlet with v-on 1`] = ` "import { createSlot as _createSlot, toHandlers as _toHandlers } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createSlot("default", [ { onClick: () => _ctx.foo }, () => (_toHandlers(_ctx.bar)), diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap index 53df5328b..c9d43620e 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: template ref transform > dynamic ref 1`] = ` "import { renderEffect as _renderEffect, setRef as _setRef, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() let r0 _renderEffect(() => r0 = _setRef(n0, _ctx.foo, r0)) @@ -16,7 +16,7 @@ exports[`compiler: template ref transform > ref + v-for 1`] = ` "import { setRef as _setRef, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => ([1,2,3]), (_ctx0) => { const n2 = t0() _setRef(n2, "foo", void 0, true) @@ -30,7 +30,7 @@ exports[`compiler: template ref transform > ref + v-if 1`] = ` "import { setRef as _setRef, createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (true), () => { const n2 = t0() _setRef(n2, "foo") @@ -44,7 +44,7 @@ exports[`compiler: template ref transform > static ref 1`] = ` "import { setRef as _setRef, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _setRef(n0, "foo") return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap index 0719298eb..6d6a02add 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformText.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: text transform > consecutive text 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createTextNode(() => [_ctx.msg]) return n0 }" @@ -12,7 +12,7 @@ export function render(_ctx, _props) { exports[`compiler: text transform > no consecutive text 1`] = ` "import { createTextNode as _createTextNode } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createTextNode(["hello world"]) return n0 }" diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap index 0291e31d7..9bfecbff3 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vBind.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler v-bind > .attr modifier 1`] = ` "import { renderEffect as _renderEffect, setAttr as _setAttr, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setAttr(n0, "foo-bar", _ctx.id)) return n0 @@ -15,7 +15,7 @@ exports[`compiler v-bind > .attr modifier w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setAttr as _setAttr, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setAttr(n0, "foo-bar", _ctx.fooBar)) return n0 @@ -26,7 +26,7 @@ exports[`compiler v-bind > .camel modifier 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "fooBar", _ctx.id)) return n0 @@ -38,7 +38,7 @@ exports[`compiler v-bind > .camel modifier w/ dynamic arg 1`] = ` import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { [_camelize(_ctx.foo)]: _ctx.id })) return n0 @@ -49,7 +49,7 @@ exports[`compiler v-bind > .camel modifier w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "fooBar", _ctx.fooBar)) return n0 @@ -60,7 +60,7 @@ exports[`compiler v-bind > .prop modifier (shortband) w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.fooBar)) return n0 @@ -71,7 +71,7 @@ exports[`compiler v-bind > .prop modifier (shorthand) 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.id)) return n0 @@ -82,7 +82,7 @@ exports[`compiler v-bind > .prop modifier 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.id)) return n0 @@ -93,7 +93,7 @@ exports[`compiler v-bind > .prop modifier w/ dynamic arg 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { ["." + _ctx.fooBar]: _ctx.id })) return n0 @@ -104,7 +104,7 @@ exports[`compiler v-bind > .prop modifier w/ no expression 1`] = ` "import { renderEffect as _renderEffect, setDOMProp as _setDOMProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDOMProp(n0, "fooBar", _ctx.fooBar)) return n0 @@ -115,7 +115,7 @@ exports[`compiler v-bind > basic 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "id", _ctx.id)) return n0 @@ -126,7 +126,7 @@ exports[`compiler v-bind > dynamic arg 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { [_ctx.id]: _ctx.id, [_ctx.title]: _ctx.title })) return n0 @@ -137,7 +137,7 @@ exports[`compiler v-bind > dynamic arg w/ static attribute 1`] = ` "import { renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProps(n0, { [_ctx.id]: _ctx.id, foo: "bar", checked: "" })) return n0 @@ -148,7 +148,7 @@ exports[`compiler v-bind > no expression (shorthand) 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "camel-case", _ctx.camelCase)) return n0 @@ -159,7 +159,7 @@ exports[`compiler v-bind > no expression 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setDynamicProp(n0, "id", _ctx.id)) return n0 @@ -170,7 +170,7 @@ exports[`compiler v-bind > should error if empty expression 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap index 329ac2cfa..683e227b5 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-for > array de-structured value 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, withDestructure as _withDestructure, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.list), _withDestructure(([[id, ...other], index]) => [id, other, index], (_ctx0) => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx0[0] + _ctx0[1] + _ctx0[2])) @@ -19,7 +19,7 @@ exports[`compiler: v-for > basic v-for 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.items), (_ctx0) => { const n2 = t0() _delegate(n2, "click", () => $event => (_ctx.remove(_ctx0[0]))) @@ -34,7 +34,7 @@ exports[`compiler: v-for > function params w/ prefixIdentifiers: false 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (items), ([item, __, k]) => { const n2 = t0() _renderEffect(() => _setText(n2, item)) @@ -48,7 +48,7 @@ exports[`compiler: v-for > multi effect 1`] = ` "import { renderEffect as _renderEffect, setDynamicProp as _setDynamicProp, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.items), (_ctx0) => { const n2 = t0() _renderEffect(() => _setDynamicProp(n2, "item", _ctx0[0])) @@ -64,7 +64,7 @@ exports[`compiler: v-for > nested v-for 1`] = ` const t0 = _template("") const t1 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.list), (_ctx0) => { const n5 = t1() const n2 = _createFor(() => (_ctx0[0]), (_ctx1) => { @@ -83,7 +83,7 @@ exports[`compiler: v-for > object de-structured value 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, withDestructure as _withDestructure, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.list), _withDestructure(([{ id, ...other }, index]) => [id, other, index], (_ctx0) => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx0[0] + _ctx0[1] + _ctx0[2])) @@ -97,7 +97,7 @@ exports[`compiler: v-for > v-for aliases w/ complex expressions 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, withDestructure as _withDestructure, createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.list), _withDestructure(([{ foo = bar, baz: [qux = quux] }]) => [foo, qux], (_ctx0) => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx0[0] + _ctx.bar + _ctx.baz + _ctx0[1] + _ctx.quux)) @@ -111,7 +111,7 @@ exports[`compiler: v-for > w/o value 1`] = ` "import { createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
item
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.items), (_ctx0) => { const n2 = t0() return n2 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap index 30cb9bc8e..b1a4f4592 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vHtml.spec.ts.snap @@ -4,7 +4,7 @@ exports[`v-html > should convert v-html to innerHTML 1`] = ` "import { renderEffect as _renderEffect, setHtml as _setHtml, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setHtml(n0, _ctx.code)) return n0 @@ -15,7 +15,7 @@ exports[`v-html > should raise error and ignore children when v-html is present "import { renderEffect as _renderEffect, setHtml as _setHtml, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setHtml(n0, _ctx.test)) return n0 @@ -26,7 +26,7 @@ exports[`v-html > should raise error if has no expression 1`] = ` "import { setHtml as _setHtml, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _setHtml(n0, "") return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap index 56ad1ddf1..515d97b28 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-if > basic v-if 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() _renderEffect(() => _setText(n2, _ctx.msg)) @@ -23,7 +23,7 @@ const t3 = _template("") const t4 = _template("fine") const t5 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n13 = t5() const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() @@ -46,7 +46,7 @@ exports[`compiler: v-if > dedupe same template 1`] = ` "import { createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
hello
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 @@ -65,7 +65,7 @@ const t0 = _template("
") const t1 = _template("hello") const t2 = _template("

") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() const n3 = t1() @@ -82,7 +82,7 @@ exports[`compiler: v-if > v-if + v-else 1`] = ` const t0 = _template("
") const t1 = _template("

") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 @@ -100,7 +100,7 @@ const t0 = _template("
") const t1 = _template("

") const t2 = _template("fine") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 @@ -120,7 +120,7 @@ exports[`compiler: v-if > v-if + v-else-if 1`] = ` const t0 = _template("
") const t1 = _template("

") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.ok), () => { const n2 = t0() return n2 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap index 36ac766bd..b67409daf 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap @@ -3,7 +3,7 @@ exports[`compiler: vModel transform > component > v-model for component should generate modelModifiers 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { modelValue: () => (_ctx.foo), @@ -17,7 +17,7 @@ export function render(_ctx, _props) { exports[`compiler: vModel transform > component > v-model for component should work 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { modelValue: () => (_ctx.foo), @@ -30,7 +30,7 @@ export function render(_ctx, _props) { exports[`compiler: vModel transform > component > v-model with arguments for component should generate modelModifiers 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { @@ -49,7 +49,7 @@ export function render(_ctx, _props) { exports[`compiler: vModel transform > component > v-model with arguments for component should work 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ { bar: () => (_ctx.foo), @@ -62,7 +62,7 @@ export function render(_ctx, _props) { exports[`compiler: vModel transform > component > v-model with dynamic arguments for component should generate modelModifiers 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ () => ({ [_ctx.foo]: _ctx.foo, @@ -79,7 +79,7 @@ export function render(_ctx, _props) { exports[`compiler: vModel transform > component > v-model with dynamic arguments for component should work 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n0 = _createComponent(_component_Comp, [ () => ({ [_ctx.arg]: _ctx.foo, @@ -93,7 +93,7 @@ exports[`compiler: vModel transform > modifiers > .lazy 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model, void 0, { lazy: true }]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -105,7 +105,7 @@ exports[`compiler: vModel transform > modifiers > .number 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model, void 0, { number: true }]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -117,7 +117,7 @@ exports[`compiler: vModel transform > modifiers > .trim 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model, void 0, { trim: true }]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -129,7 +129,7 @@ exports[`compiler: vModel transform > should support input (checkbox) 1`] = ` "import { vModelCheckbox as _vModelCheckbox, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelCheckbox, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -141,7 +141,7 @@ exports[`compiler: vModel transform > should support input (dynamic type) 1`] = "import { vModelDynamic as _vModelDynamic, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelDynamic, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -153,7 +153,7 @@ exports[`compiler: vModel transform > should support input (radio) 1`] = ` "import { vModelRadio as _vModelRadio, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelRadio, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -165,7 +165,7 @@ exports[`compiler: vModel transform > should support input (text) 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -177,7 +177,7 @@ exports[`compiler: vModel transform > should support member expression 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.setupRef.child]]) const n1 = t0() @@ -210,7 +210,7 @@ exports[`compiler: vModel transform > should support select 1`] = ` "import { vModelSelect as _vModelSelect, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelSelect, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -222,7 +222,7 @@ exports[`compiler: vModel transform > should support simple expression 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -234,7 +234,7 @@ exports[`compiler: vModel transform > should support textarea 1`] = ` "import { vModelText as _vModelText, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelText, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -246,7 +246,7 @@ exports[`compiler: vModel transform > should support w/ dynamic v-bind 1`] = ` "import { vModelDynamic as _vModelDynamic, withDirectives as _withDirectives, delegate as _delegate, renderEffect as _renderEffect, setDynamicProps as _setDynamicProps, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelDynamic, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) @@ -259,7 +259,7 @@ exports[`compiler: vModel transform > should support w/ dynamic v-bind 2`] = ` "import { vModelDynamic as _vModelDynamic, withDirectives as _withDirectives, delegate as _delegate, template as _template } from 'vue/vapor'; const t0 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vModelDynamic, () => _ctx.model]]) _delegate(n0, "update:modelValue", () => $event => (_ctx.model = $event)) diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap index ded3a48f7..26c725608 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOn.spec.ts.snap @@ -5,7 +5,7 @@ exports[`v-on > complex member expression w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.a['b' + _ctx.c]) return n0 @@ -16,7 +16,7 @@ exports[`v-on > dynamic arg 1`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.event, () => _ctx.handler, { @@ -31,7 +31,7 @@ exports[`v-on > dynamic arg with complex exp prefixing 1`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.event(_ctx.foo), () => _ctx.handler, { @@ -46,7 +46,7 @@ exports[`v-on > dynamic arg with prefixing 1`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.event, () => _ctx.handler, { @@ -65,7 +65,7 @@ const t2 = _template("
") const t3 = _template("") _delegateEvents("click", "contextmenu", "mouseup", "keyup") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() const n1 = t1() const n2 = t0() @@ -164,7 +164,7 @@ exports[`v-on > function expression w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => e => _ctx.foo(e)) return n0 @@ -176,7 +176,7 @@ exports[`v-on > inline statement w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => (_ctx.foo($event))) return n0 @@ -188,7 +188,7 @@ exports[`v-on > multiple inline statements w/ prefixIdentifiers: true 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => {_ctx.foo($event);_ctx.bar()}) return n0 @@ -200,7 +200,7 @@ exports[`v-on > should NOT add a prefix to $event if the expression is a functio const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => {_ctx.i++;_ctx.foo($event)}) return n0 @@ -212,7 +212,7 @@ exports[`v-on > should NOT wrap as function if expression is already function ex const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => (e: any): any => _ctx.foo(e)) return n0 @@ -224,7 +224,7 @@ exports[`v-on > should NOT wrap as function if expression is already function ex const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => { @@ -240,7 +240,7 @@ exports[`v-on > should NOT wrap as function if expression is already function ex const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => _ctx.foo($event)) return n0 @@ -252,7 +252,7 @@ exports[`v-on > should NOT wrap as function if expression is complex member expr const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.a['b' + _ctx.c]) return n0 @@ -264,7 +264,7 @@ exports[`v-on > should delegate event 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.test) return n0 @@ -276,7 +276,7 @@ exports[`v-on > should handle multi-line statement 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => { _ctx.foo(); @@ -291,7 +291,7 @@ exports[`v-on > should handle multiple inline statement 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => {_ctx.foo();_ctx.bar()}) return n0 @@ -303,7 +303,7 @@ exports[`v-on > should not prefix member expression 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.foo.bar) return n0 @@ -315,7 +315,7 @@ exports[`v-on > should not wrap keys guard if no key modifier is present 1`] = ` const t0 = _template("
") _delegateEvents("keyup") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "keyup", () => _ctx.test, { modifiers: ["exact"] @@ -329,7 +329,7 @@ exports[`v-on > should support multiple events and modifiers options w/ prefixId const t0 = _template("
") _delegateEvents("click", "keyup") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.test, { modifiers: ["stop"] @@ -345,7 +345,7 @@ exports[`v-on > should support multiple modifiers and event options w/ prefixIde "import { on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _on(n0, "click", () => _ctx.test, { modifiers: ["stop", "prevent"], @@ -361,7 +361,7 @@ exports[`v-on > should transform click.middle 1`] = ` const t0 = _template("
") _delegateEvents("mouseup") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "mouseup", () => _ctx.test, { modifiers: ["middle"] @@ -374,7 +374,7 @@ exports[`v-on > should transform click.middle 2`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => { _on(n0, (_ctx.event) === "click" ? "mouseup" : (_ctx.event), () => _ctx.test, { @@ -391,7 +391,7 @@ exports[`v-on > should transform click.right 1`] = ` const t0 = _template("
") _delegateEvents("contextmenu") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "contextmenu", () => _ctx.test, { modifiers: ["right"] @@ -404,7 +404,7 @@ exports[`v-on > should transform click.right 2`] = ` "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => { _on(n0, (_ctx.event) === "click" ? "contextmenu" : (_ctx.event), () => _ctx.test, { @@ -422,7 +422,7 @@ exports[`v-on > should wrap as function if expression is inline statement 1`] = const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => $event => (_ctx.i++)) return n0 @@ -433,7 +433,7 @@ exports[`v-on > should wrap both for dynamic key event w/ left/right modifiers 1 "import { renderEffect as _renderEffect, on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => { _on(n0, _ctx.e, () => _ctx.test, { @@ -462,7 +462,7 @@ exports[`v-on > should wrap keys guard for keyboard events or dynamic events 1`] "import { on as _on, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _on(n0, "keydown", () => _ctx.test, { modifiers: ["stop", "ctrl"], @@ -478,7 +478,7 @@ exports[`v-on > should wrap keys guard for static key event w/ left/right modifi const t0 = _template("
") _delegateEvents("keyup") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "keyup", () => _ctx.test, { keys: ["left"] @@ -492,7 +492,7 @@ exports[`v-on > simple expression 1`] = ` const t0 = _template("
") _delegateEvents("click") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _delegate(n0, "click", () => _ctx.handleClick) return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap index 0129684c3..8941410f7 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-once > as root node 1`] = ` "import { setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _setDynamicProp(n0, "id", _ctx.foo) return n0 @@ -15,7 +15,7 @@ exports[`compiler: v-once > basic 1`] = ` "import { createTextNode as _createTextNode, setClass as _setClass, prepend as _prepend, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n2 = t0() const n1 = n2.firstChild const n0 = _createTextNode([_ctx.msg, " "]) @@ -29,7 +29,7 @@ exports[`compiler: v-once > inside v-once 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" @@ -39,7 +39,7 @@ exports[`compiler: v-once > on component 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent, insert as _insert, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n1 = t0() const n0 = _createComponent(_component_Comp, [ @@ -54,7 +54,7 @@ exports[`compiler: v-once > on nested plain element 1`] = ` "import { setDynamicProp as _setDynamicProp, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n1 = t0() const n0 = n1.firstChild _setDynamicProp(n0, "id", _ctx.foo) @@ -66,7 +66,7 @@ exports[`compiler: v-once > with v-for 1`] = ` "import { createFor as _createFor, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createFor(() => (_ctx.list), (_ctx0) => { const n2 = t0() return n2 @@ -79,7 +79,7 @@ exports[`compiler: v-once > with v-if 1`] = ` "import { createIf as _createIf, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.expr), () => { const n2 = t0() return n2 @@ -93,7 +93,7 @@ exports[`compiler: v-once > with v-if/else 1`] = ` const t0 = _template("
") const t1 = _template("

") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = _createIf(() => (_ctx.expr), () => { const n2 = t0() return n2 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap index a9c041367..cb16ac432 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vShow.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: v-show transform > simple expression 1`] = ` "import { vShow as _vShow, withDirectives as _withDirectives, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _withDirectives(n0, [[_vShow, () => _ctx.foo]]) return n0 diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap index d55d3a44a..7f5f68e91 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap @@ -4,7 +4,7 @@ exports[`compiler: transform slot > dynamic slots name 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("foo") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n2 = _createComponent(_component_Comp, null, [ () => ({ @@ -23,7 +23,7 @@ exports[`compiler: transform slot > dynamic slots name w/ v-for 1`] = ` "import { resolveComponent as _resolveComponent, withDestructure as _withDestructure, createForSlots as _createForSlots, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("foo") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n2 = _createComponent(_component_Comp, null, [ () => (_createForSlots(_ctx.list, (item) => ({ @@ -42,7 +42,7 @@ exports[`compiler: transform slot > dynamic slots name w/ v-for and provide abse "import { resolveComponent as _resolveComponent, createForSlots as _createForSlots, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("foo") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n2 = _createComponent(_component_Comp, null, [ () => (_createForSlots(_ctx.list, (_, __, index) => ({ @@ -63,7 +63,7 @@ const t0 = _template("condition slot") const t1 = _template("another condition") const t2 = _template("else condition") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n6 = _createComponent(_component_Comp, null, [ () => (_ctx.condition @@ -98,7 +98,7 @@ exports[`compiler: transform slot > implicit default slot 1`] = ` "import { resolveComponent as _resolveComponent, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ { @@ -118,7 +118,7 @@ const t0 = _template("foo") const t1 = _template("bar") const t2 = _template("") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n4 = _createComponent(_component_Comp, null, [ { @@ -141,7 +141,7 @@ exports[`compiler: transform slot > nested slots scoping 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent, template as _template } from 'vue/vapor'; const t0 = _template(" ") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Inner = _resolveComponent("Inner") const _component_Comp = _resolveComponent("Comp") const n5 = _createComponent(_component_Comp, null, [ @@ -168,7 +168,7 @@ export function render(_ctx, _props) { exports[`compiler: transform slot > on component dynamically named slot 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ () => ({ @@ -186,7 +186,7 @@ export function render(_ctx, _props) { exports[`compiler: transform slot > on component named slot 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ { @@ -203,7 +203,7 @@ export function render(_ctx, _props) { exports[`compiler: transform slot > on-component default slot 1`] = ` "import { resolveComponent as _resolveComponent, createTextNode as _createTextNode, withDestructure as _withDestructure, createComponent as _createComponent } from 'vue/vapor'; -export function render(_ctx, _props) { +export function render(_ctx, $props) { const _component_Comp = _resolveComponent("Comp") const n1 = _createComponent(_component_Comp, null, [ { diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap index bca24136a..d2bb567ef 100644 --- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap +++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vText.spec.ts.snap @@ -4,7 +4,7 @@ exports[`v-text > should convert v-text to textContent 1`] = ` "import { renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setText(n0, _ctx.str)) return n0 @@ -15,7 +15,7 @@ exports[`v-text > should raise error and ignore children when v-text is present "import { renderEffect as _renderEffect, setText as _setText, template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() _renderEffect(() => _setText(n0, _ctx.test)) return n0 @@ -26,7 +26,7 @@ exports[`v-text > should raise error if has no expression 1`] = ` "import { template as _template } from 'vue/vapor'; const t0 = _template("
") -export function render(_ctx, _props) { +export function render(_ctx, $props) { const n0 = t0() return n0 }" diff --git a/packages/compiler-vapor/src/generate.ts b/packages/compiler-vapor/src/generate.ts index 5a1f3089e..9c29bad55 100644 --- a/packages/compiler-vapor/src/generate.ts +++ b/packages/compiler-vapor/src/generate.ts @@ -110,7 +110,7 @@ export function generate( if (inline) { push(`(() => {`) } else { - push(NEWLINE, `export function ${functionName}(_ctx, _props) {`) + push(NEWLINE, `export function ${functionName}(_ctx, $props) {`) } push(INDENT_START) diff --git a/packages/compiler-vapor/src/generators/expression.ts b/packages/compiler-vapor/src/generators/expression.ts index 0ce0def82..21e0ffc75 100644 --- a/packages/compiler-vapor/src/generators/expression.ts +++ b/packages/compiler-vapor/src/generators/expression.ts @@ -172,7 +172,7 @@ function genIdentifier( if (type && type.startsWith('setup')) { raw = `_ctx.${raw}` } else if (type) { - raw = `_${type}.${raw}` + raw = `$${type}.${raw}` } else if (canPrefix(raw)) { raw = `_ctx.${raw}` } diff --git a/packages/runtime-vapor/src/apiRender.ts b/packages/runtime-vapor/src/apiRender.ts index 086f18d63..9cada3757 100644 --- a/packages/runtime-vapor/src/apiRender.ts +++ b/packages/runtime-vapor/src/apiRender.ts @@ -81,7 +81,7 @@ export function setupComponent( component.render, instance, VaporErrorCodes.RENDER_FUNCTION, - [instance.setupState], + [instance.setupState, __DEV__ ? shallowReadonly(props) : props], ) resetTracking() }