2020-07-09 09:11:57 +08:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
2020-11-20 05:17:54 +08:00
exports[`SFC compile <script setup> <script> and <script setup> co-usage script first 1`] = `
"import { x } from './x'
export const n = 1
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-11-20 05:17:54 +08:00
x()
return { x }
}
}"
`;
exports[`SFC compile <script setup> <script> and <script setup> co-usage script setup first 1`] = `
"import { x } from './x'
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-11-20 05:17:54 +08:00
x()
return { x }
}
}
export const n = 1"
`;
2021-08-24 07:02:54 +08:00
exports[`SFC compile <script setup> <script> and <script setup> co-usage script setup first, lang="ts", script block content export default 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { x } from './x'
function setup(__props, { expose }) {
x()
return { x }
}
const __default__ = {
name: \\"test\\"
}
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-08-24 07:02:54 +08:00
...__default__,
setup})"
`;
2021-08-24 06:40:16 +08:00
exports[`SFC compile <script setup> <script> and <script setup> co-usage spaces in ExportDefaultDeclaration node with many spaces and newline 1`] = `
"import { x } from './x'
export const n = 1
const __default__ = {
some:'option'
}
function setup(__props, { expose }) {
x()
return { x }
}
export default /*#__PURE__*/ Object.assign(__default__, {
setup
})"
`;
exports[`SFC compile <script setup> <script> and <script setup> co-usage spaces in ExportDefaultDeclaration node with minimal spaces 1`] = `
"import { x } from './x'
export const n = 1
const __default__ = {
some:'option'
}
function setup(__props, { expose }) {
x()
return { x }
}
export default /*#__PURE__*/ Object.assign(__default__, {
setup
})"
`;
2021-09-17 04:49:59 +08:00
exports[`SFC compile <script setup> async/await detection await in expression statement 1`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
foo()
;(
([__temp,__restore] = _withAsyncContext(() => {
return 1
})),
__temp = await __temp,
__restore(),
__temp
) + (
([__temp,__restore] = _withAsyncContext(() => {
return 2
})),
__temp = await __temp,
__restore(),
__temp
)
return { }
}
}"
`;
2021-09-17 04:23:46 +08:00
exports[`SFC compile <script setup> async/await detection expression statement 1`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
;(
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
2021-09-17 04:49:59 +08:00
__restore(),
__temp
2021-09-17 04:23:46 +08:00
)
return { }
}
}"
`;
exports[`SFC compile <script setup> async/await detection nested await 1`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
;(
([__temp,__restore] = _withAsyncContext(async () => {
return ((
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
__restore(),
__temp
))
})),
__temp = await __temp,
2021-09-17 04:49:59 +08:00
__restore(),
__temp
2021-09-17 04:23:46 +08:00
)
return { }
}
}"
`;
exports[`SFC compile <script setup> async/await detection nested await 2`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
;(
([__temp,__restore] = _withAsyncContext(async () => {
return (((
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
__restore(),
__temp
)))
})),
__temp = await __temp,
2021-09-17 04:49:59 +08:00
__restore(),
__temp
2021-09-17 04:23:46 +08:00
)
return { }
}
}"
`;
exports[`SFC compile <script setup> async/await detection nested await 3`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
;(
([__temp,__restore] = _withAsyncContext(async () => {
return ((
([__temp,__restore] = _withAsyncContext(async () => {
return ((
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
__restore(),
__temp
))
})),
__temp = await __temp,
__restore(),
__temp
))
})),
__temp = await __temp,
2021-09-17 04:49:59 +08:00
__restore(),
__temp
2021-09-17 04:23:46 +08:00
)
return { }
}
}"
`;
exports[`SFC compile <script setup> async/await detection nested statements 1`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
2021-09-17 04:49:59 +08:00
if (ok) { (
2021-09-17 04:23:46 +08:00
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
2021-09-17 04:49:59 +08:00
__restore(),
__temp
) } else { (
2021-09-17 04:23:46 +08:00
([__temp,__restore] = _withAsyncContext(() => {
return bar
})),
__temp = await __temp,
2021-09-17 04:49:59 +08:00
__restore(),
__temp
2021-09-17 04:23:46 +08:00
) }
return { }
}
}"
`;
exports[`SFC compile <script setup> async/await detection ref 1`] = `
"import { withAsyncContext as _withAsyncContext, ref as _ref } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
let a = _ref(1 + ((
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
__restore(),
__temp
)))
return { a }
}
}"
`;
exports[`SFC compile <script setup> async/await detection should ignore await inside functions 1`] = `
"export default {
setup(__props, { expose }) {
expose()
async function foo() { await bar }
return { foo }
}
}"
`;
exports[`SFC compile <script setup> async/await detection should ignore await inside functions 2`] = `
"export default {
setup(__props, { expose }) {
expose()
const foo = async () => { await bar }
return { foo }
}
}"
`;
exports[`SFC compile <script setup> async/await detection should ignore await inside functions 3`] = `
"export default {
setup(__props, { expose }) {
expose()
const obj = { async method() { await bar }}
return { obj }
}
}"
`;
exports[`SFC compile <script setup> async/await detection should ignore await inside functions 4`] = `
"export default {
setup(__props, { expose }) {
expose()
const cls = class Foo { async method() { await bar }}
return { cls }
}
}"
`;
2021-09-17 04:49:59 +08:00
exports[`SFC compile <script setup> async/await detection single line conditions 1`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
if (false) (
([__temp,__restore] = _withAsyncContext(() => {
return foo()
})),
__temp = await __temp,
__restore(),
__temp
)
return { }
}
}"
`;
2021-09-17 04:23:46 +08:00
exports[`SFC compile <script setup> async/await detection variable 1`] = `
"import { withAsyncContext as _withAsyncContext } from 'vue'
export default {
async setup(__props, { expose }) {
expose()
let __temp, __restore
const a = 1 + ((
([__temp,__restore] = _withAsyncContext(() => {
return foo
})),
__temp = await __temp,
__restore(),
__temp
))
return { a }
}
}"
`;
2021-09-10 00:28:59 +08:00
exports[`SFC compile <script setup> binding analysis for destructur 1`] = `
"export default {
setup(__props, { expose }) {
expose()
const { foo, b: bar, ['x' + 'y']: baz, x: { y, zz: { z }}} = {}
return { foo, bar, baz, y, z }
}
}"
`;
2021-06-23 03:02:56 +08:00
exports[`SFC compile <script setup> defineEmits() 1`] = `
2020-11-14 06:38:28 +08:00
"export default {
2020-11-25 04:12:59 +08:00
emits: ['foo', 'bar'],
2021-06-26 01:14:49 +08:00
setup(__props, { expose, emit: myEmit }) {
expose()
2020-11-25 04:12:59 +08:00
2020-11-14 06:38:28 +08:00
2020-11-25 04:12:59 +08:00
return { myEmit }
}
}"
`;
2021-06-26 01:14:49 +08:00
exports[`SFC compile <script setup> defineExpose() 1`] = `
"export default {
setup(__props, { expose }) {
expose({ foo: 123 })
return { }
}
}"
`;
2021-06-26 02:05:59 +08:00
exports[`SFC compile <script setup> defineProps w/ external definition 1`] = `
"import { propsModel } from './props'
export default {
props: propsModel,
setup(__props, { expose }) {
expose()
const props = __props
return { props, propsModel }
}
}"
`;
2020-11-25 04:12:59 +08:00
exports[`SFC compile <script setup> defineProps() 1`] = `
"export default {
props: {
foo: String
},
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-11-25 04:12:59 +08:00
const props = __props
2020-11-14 06:38:28 +08:00
const bar = 1
2020-11-25 04:12:59 +08:00
return { props, bar }
2020-11-14 06:38:28 +08:00
}
}"
`;
2021-09-06 06:02:50 +08:00
exports[`SFC compile <script setup> defineProps/defineEmits in multi-variable declaration (full removal) 1`] = `
2021-06-29 04:27:30 +08:00
"export default {
props: ['item'],
emits: ['a'],
setup(__props, { expose, emit }) {
expose()
const props = __props
return { props, emit }
}
}"
`;
2021-09-06 06:02:50 +08:00
exports[`SFC compile <script setup> defineProps/defineEmits in multi-variable declaration 1`] = `
2021-06-29 04:27:30 +08:00
"export default {
props: ['item'],
emits: ['a'],
setup(__props, { expose, emit }) {
expose()
const props = __props
const a = 1;
return { props, a, emit }
}
}"
`;
2021-09-17 01:47:11 +08:00
exports[`SFC compile <script setup> dev mode import usage check attribute expressions 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { bar, baz } from './x'
export default /*#__PURE__*/_defineComponent({
setup(__props, { expose }) {
expose()
const cond = true
return { cond, bar, baz }
}
})"
`;
2021-08-17 22:10:26 +08:00
exports[`SFC compile <script setup> dev mode import usage check components 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { FooBar, FooBaz, FooQux, foo } from './x'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-08-17 22:10:26 +08:00
setup(__props, { expose }) {
expose()
const fooBar: FooBar = 1
return { fooBar, FooBaz, FooQux, foo }
}
})"
`;
exports[`SFC compile <script setup> dev mode import usage check directive 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { vMyDir } from './x'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-08-17 22:10:26 +08:00
setup(__props, { expose }) {
expose()
return { vMyDir }
}
})"
`;
exports[`SFC compile <script setup> dev mode import usage check js template string interpolations 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { VAR, VAR2, VAR3 } from './x'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-08-17 22:10:26 +08:00
setup(__props, { expose }) {
expose()
return { VAR, VAR3 }
}
})"
`;
exports[`SFC compile <script setup> dev mode import usage check last tag 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { FooBaz, Last } from './x'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-08-17 22:10:26 +08:00
setup(__props, { expose }) {
expose()
return { FooBaz, Last }
}
})"
`;
exports[`SFC compile <script setup> dev mode import usage check vue interpolations 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
import { x, y, z, x$y } from './x'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-08-17 22:10:26 +08:00
setup(__props, { expose }) {
expose()
return { x, z, x$y }
}
})"
`;
2020-11-25 04:12:59 +08:00
exports[`SFC compile <script setup> errors should allow defineProps/Emit() referencing imported binding 1`] = `
2020-11-13 07:11:25 +08:00
"import { bar } from './bar'
2020-11-25 04:12:59 +08:00
2020-11-13 07:11:25 +08:00
export default {
props: {
2020-11-25 04:12:59 +08:00
foo: {
default: () => bar
}
},
emits: {
foo: () => bar > 1
},
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2020-11-25 04:12:59 +08:00
2020-11-13 07:11:25 +08:00
2020-10-30 03:03:39 +08:00
return { bar }
2020-07-09 09:11:57 +08:00
}
2020-11-13 07:11:25 +08:00
}"
`;
2020-11-25 04:12:59 +08:00
exports[`SFC compile <script setup> errors should allow defineProps/Emit() referencing scope var 1`] = `
2020-11-13 07:11:25 +08:00
"export default {
props: {
2020-11-25 04:12:59 +08:00
foo: {
default: bar => bar + 1
}
},
emits: {
foo: bar => bar > 1
},
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2020-11-13 07:11:25 +08:00
const bar = 1
2020-11-25 04:12:59 +08:00
2020-11-13 07:11:25 +08:00
return { bar }
2020-07-09 09:11:57 +08:00
}
2020-11-13 07:11:25 +08:00
}"
2020-07-09 09:11:57 +08:00
`;
2020-10-30 03:03:39 +08:00
exports[`SFC compile <script setup> imports dedupe between user & helper 1`] = `
2020-11-17 00:35:30 +08:00
"import { ref as _ref } from 'vue'
import { ref } from 'vue'
2020-11-13 07:11:25 +08:00
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2021-07-15 03:40:09 +08:00
let foo = _ref(1)
2020-11-13 07:11:25 +08:00
return { foo, ref }
2020-07-09 09:11:57 +08:00
}
2020-11-13 07:11:25 +08:00
}"
2020-07-09 09:11:57 +08:00
`;
2020-10-30 03:03:39 +08:00
exports[`SFC compile <script setup> imports import dedupe between <script> and <script setup> 1`] = `
"import { x } from './x'
2020-11-13 07:11:25 +08:00
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2020-10-30 03:03:39 +08:00
x()
return { x }
2020-07-09 09:11:57 +08:00
}
2020-11-13 07:11:25 +08:00
}"
2020-07-09 09:11:57 +08:00
`;
2021-02-13 17:06:34 +08:00
exports[`SFC compile <script setup> imports should allow defineProps/Emit at the start of imports 1`] = `
"import { ref } from 'vue'
export default {
props: ['foo'],
emits: ['bar'],
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2021-02-13 17:06:34 +08:00
const r = ref(0)
return { r, ref }
}
}"
`;
2020-10-30 03:03:39 +08:00
exports[`SFC compile <script setup> imports should extract comment for import or type declarations 1`] = `
"import a from 'a' // comment
2020-11-13 07:11:25 +08:00
import b from 'b'
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2020-11-13 07:11:25 +08:00
2020-10-30 03:03:39 +08:00
return { a, b }
2020-07-09 09:11:57 +08:00
}
2020-11-13 07:11:25 +08:00
}"
2020-07-09 09:11:57 +08:00
`;
2020-10-30 03:03:39 +08:00
exports[`SFC compile <script setup> imports should hoist and expose imports 1`] = `
"import { ref } from 'vue'
2020-11-29 02:51:32 +08:00
import 'foo/css'
2020-11-13 07:11:25 +08:00
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2020-11-29 02:51:32 +08:00
2020-10-30 03:03:39 +08:00
return { ref }
2020-07-09 09:11:57 +08:00
}
2020-11-13 07:11:25 +08:00
}"
`;
exports[`SFC compile <script setup> inlineTemplate mode avoid unref() when necessary 1`] = `
2021-06-23 07:15:20 +08:00
"import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-13 07:11:25 +08:00
import { ref } from 'vue'
2020-12-02 00:52:29 +08:00
import Foo, { bar } from './Foo.vue'
2020-11-13 07:11:25 +08:00
import other from './util'
export default {
2020-11-17 07:27:15 +08:00
setup(__props) {
2020-11-13 07:11:25 +08:00
const count = ref(0)
const constant = {}
2020-11-19 11:39:08 +08:00
const maybe = foo()
let lett = 1
2020-11-13 07:11:25 +08:00
function fn() {}
2020-11-17 07:27:15 +08:00
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
2020-12-02 00:52:29 +08:00
_createVNode(Foo, null, {
default: _withCtx(() => [
_createTextVNode(_toDisplayString(_unref(bar)), 1 /* TEXT */)
]),
_: 1 /* STABLE */
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", { onClick: fn }, _toDisplayString(count.value) + \\" \\" + _toDisplayString(constant) + \\" \\" + _toDisplayString(_unref(maybe)) + \\" \\" + _toDisplayString(_unref(lett)) + \\" \\" + _toDisplayString(_unref(other)), 1 /* TEXT */)
2020-11-13 07:11:25 +08:00
], 64 /* STABLE_FRAGMENT */))
}
}
}"
`;
2020-11-24 05:32:24 +08:00
exports[`SFC compile <script setup> inlineTemplate mode referencing scope components and directives 1`] = `
2021-06-23 07:15:20 +08:00
"import { unref as _unref, createElementVNode as _createElementVNode, withDirectives as _withDirectives, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-24 05:32:24 +08:00
import ChildComp from './Child.vue'
import SomeOtherComp from './Other.vue'
2021-06-29 06:55:27 +08:00
import vMyDir from './my-dir'
2020-11-24 05:32:24 +08:00
export default {
setup(__props) {
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
_withDirectives(_createElementVNode(\\"div\\", null, null, 512 /* NEED_PATCH */), [
2021-06-29 06:55:27 +08:00
[_unref(vMyDir)]
2020-11-24 05:32:24 +08:00
]),
_createVNode(ChildComp),
_createVNode(SomeOtherComp)
], 64 /* STABLE_FRAGMENT */))
}
}
}"
`;
2020-11-13 07:11:25 +08:00
exports[`SFC compile <script setup> inlineTemplate mode should work 1`] = `
2021-06-23 07:15:20 +08:00
"import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-13 07:11:25 +08:00
2021-06-23 07:15:20 +08:00
const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"div\\", null, \\"static\\", -1 /* HOISTED */)
2020-11-13 07:11:25 +08:00
import { ref } from 'vue'
export default {
2020-11-17 07:27:15 +08:00
setup(__props) {
2020-11-13 07:11:25 +08:00
const count = ref(0)
2020-11-17 07:27:15 +08:00
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
_createElementVNode(\\"div\\", null, _toDisplayString(count.value), 1 /* TEXT */),
2020-11-13 07:11:25 +08:00
_hoisted_1
], 64 /* STABLE_FRAGMENT */))
}
}
}"
2020-07-09 09:11:57 +08:00
`;
2020-11-21 03:22:51 +08:00
exports[`SFC compile <script setup> inlineTemplate mode ssr codegen 1`] = `
"import { useCssVars as _useCssVars, unref as _unref } from 'vue'
import { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \\"@vue/server-renderer\\"
import { ref } from 'vue'
export default {
__ssrInlineRender: true,
setup(__props) {
_useCssVars(_ctx => ({
\\"xxxxxxxx-count\\": (count.value)
}))
const count = ref(0)
return (_ctx, _push, _parent, _attrs) => {
const _cssVars = { style: {
\\"xxxxxxxx-count\\": (count.value)
}}
_push(\`<!--[--><div\${
_ssrRenderAttrs(_cssVars)
}>\${
_ssrInterpolate(count.value)
}</div><div\${
_ssrRenderAttrs(_cssVars)
}>static</div><!--]-->\`)
}
}
}"
`;
2020-11-19 08:38:18 +08:00
exports[`SFC compile <script setup> inlineTemplate mode template assignment expression codegen 1`] = `
2021-09-06 06:02:50 +08:00
"import { createElementVNode as _createElementVNode, isRef as _isRef, unref as _unref, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-18 04:59:09 +08:00
import { ref } from 'vue'
export default {
setup(__props) {
const count = ref(0)
2020-11-19 08:38:18 +08:00
const maybe = foo()
let lett = 1
2021-05-29 05:58:46 +08:00
let v = ref(1)
2020-11-18 04:59:09 +08:00
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[0] || (_cache[0] = $event => (count.value = 1))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[1] || (_cache[1] = $event => (maybe.value = count.value))
2020-11-19 11:39:08 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[2] || (_cache[2] = $event => (_isRef(lett) ? lett.value = count.value : lett = count.value))
2021-05-29 05:58:46 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[3] || (_cache[3] = $event => (_isRef(v) ? v.value += 1 : v += 1))
2021-05-29 05:58:46 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[4] || (_cache[4] = $event => (_isRef(v) ? v.value -= 1 : v -= 1))
2021-09-06 06:02:50 +08:00
}),
_createElementVNode(\\"div\\", {
onClick: _cache[5] || (_cache[5] = () => {
let a = '' + _unref(lett)
_isRef(v) ? v.value = a : v = a
})
}),
_createElementVNode(\\"div\\", {
onClick: _cache[6] || (_cache[6] = () => {
// nested scopes
(()=>{
let x = _ctx.a
(()=>{
let z = x
let z2 = z
})
let lz = _ctx.z
})
_isRef(v) ? v.value = _ctx.a : v = _ctx.a
})
2020-11-19 11:39:08 +08:00
})
], 64 /* STABLE_FRAGMENT */))
}
}
}"
`;
exports[`SFC compile <script setup> inlineTemplate mode template destructure assignment codegen 1`] = `
2021-06-23 07:15:20 +08:00
"import { createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-19 11:39:08 +08:00
import { ref } from 'vue'
export default {
setup(__props) {
const val = {}
const count = ref(0)
const maybe = foo()
let lett = 1
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[0] || (_cache[0] = $event => (({ count: count.value } = val)))
2020-11-19 11:39:08 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[1] || (_cache[1] = $event => ([maybe.value] = val))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[2] || (_cache[2] = $event => (({ lett: lett } = val)))
2020-11-19 08:38:18 +08:00
})
], 64 /* STABLE_FRAGMENT */))
}
}
}"
`;
exports[`SFC compile <script setup> inlineTemplate mode template update expression codegen 1`] = `
2021-06-23 07:15:20 +08:00
"import { createElementVNode as _createElementVNode, isRef as _isRef, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-19 08:38:18 +08:00
import { ref } from 'vue'
export default {
setup(__props) {
const count = ref(0)
const maybe = foo()
let lett = 1
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[0] || (_cache[0] = $event => (count.value++))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[1] || (_cache[1] = $event => (--count.value))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[2] || (_cache[2] = $event => (maybe.value++))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[3] || (_cache[3] = $event => (--maybe.value))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[4] || (_cache[4] = $event => (_isRef(lett) ? lett.value++ : lett++))
2020-11-19 08:38:18 +08:00
}),
2021-06-23 07:15:20 +08:00
_createElementVNode(\\"div\\", {
2021-07-10 09:41:44 +08:00
onClick: _cache[5] || (_cache[5] = $event => (_isRef(lett) ? --lett.value : --lett))
2020-11-19 08:38:18 +08:00
})
], 64 /* STABLE_FRAGMENT */))
}
}
}"
`;
exports[`SFC compile <script setup> inlineTemplate mode v-model codegen 1`] = `
2021-06-23 07:15:20 +08:00
"import { vModelText as _vModelText, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, isRef as _isRef, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
2020-11-19 08:38:18 +08:00
import { ref } from 'vue'
export default {
setup(__props) {
const count = ref(0)
const maybe = foo()
let lett = 1
return (_ctx, _cache) => {
2021-06-23 07:15:20 +08:00
return (_openBlock(), _createElementBlock(_Fragment, null, [
_withDirectives(_createElementVNode(\\"input\\", {
2021-07-10 09:41:44 +08:00
\\"onUpdate:modelValue\\": _cache[0] || (_cache[0] = $event => (count.value = $event))
2020-11-19 08:38:18 +08:00
}, null, 512 /* NEED_PATCH */), [
2020-11-19 11:39:08 +08:00
[_vModelText, count.value]
2020-11-19 08:38:18 +08:00
]),
2021-06-23 07:15:20 +08:00
_withDirectives(_createElementVNode(\\"input\\", {
2021-07-10 09:41:44 +08:00
\\"onUpdate:modelValue\\": _cache[1] || (_cache[1] = $event => (_isRef(maybe) ? maybe.value = $event : null))
2020-11-19 08:38:18 +08:00
}, null, 512 /* NEED_PATCH */), [
[_vModelText, _unref(maybe)]
]),
2021-06-23 07:15:20 +08:00
_withDirectives(_createElementVNode(\\"input\\", {
2021-07-10 09:41:44 +08:00
\\"onUpdate:modelValue\\": _cache[2] || (_cache[2] = $event => (_isRef(lett) ? lett.value = $event : lett = $event))
2020-11-19 08:38:18 +08:00
}, null, 512 /* NEED_PATCH */), [
[_vModelText, _unref(lett)]
])
], 64 /* STABLE_FRAGMENT */))
2020-11-18 04:59:09 +08:00
}
}
}"
`;
2021-06-26 01:14:49 +08:00
exports[`SFC compile <script setup> inlineTemplate mode with defineExpose() 1`] = `
"export default {
setup(__props, { expose }) {
const count = ref(0)
expose({ count })
return () => {}
}
}"
`;
2020-10-30 03:03:39 +08:00
exports[`SFC compile <script setup> should expose top level declarations 1`] = `
"import { x } from './x'
2020-11-13 07:11:25 +08:00
export default {
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-07-09 09:11:57 +08:00
2020-10-30 03:03:39 +08:00
let a = 1
const b = 2
function c() {}
class d {}
2021-08-18 03:52:48 +08:00
return { aa, bb, cc, dd, a, b, c, d, xx, x }
2020-11-13 07:11:25 +08:00
}
2021-08-18 03:52:48 +08:00
}
import { xx } from './x'
let aa = 1
const bb = 2
function cc() {}
class dd {}"
2020-11-13 07:11:25 +08:00
`;
2021-07-20 05:31:13 +08:00
exports[`SFC compile <script setup> with TypeScript const Enum 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
const enum Foo { A = 123 }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-07-20 05:31:13 +08:00
setup(__props, { expose }) {
expose()
return { Foo }
}
})"
`;
2021-06-29 04:03:27 +08:00
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (exported interface) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
export interface Emits { (e: 'foo' | 'bar'): void }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-29 04:03:27 +08:00
setup(__props, { expose, emit }: { emit: ({ (e: 'foo' | 'bar'): void }), expose: any, slots: any, attrs: any }) {
expose()
return { emit }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (exported type alias) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
export type Emits = { (e: 'foo' | 'bar'): void }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-29 04:03:27 +08:00
setup(__props, { expose, emit }: { emit: ({ (e: 'foo' | 'bar'): void }), expose: any, slots: any, attrs: any }) {
expose()
return { emit }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (interface) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
interface Emits { (e: 'foo' | 'bar'): void }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-29 04:03:27 +08:00
setup(__props, { expose, emit }: { emit: ({ (e: 'foo' | 'bar'): void }), expose: any, slots: any, attrs: any }) {
expose()
return { emit }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (referenced exported function type) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
export type Emits = (e: 'foo' | 'bar') => void
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-29 04:03:27 +08:00
setup(__props, { expose, emit }: { emit: ((e: 'foo' | 'bar') => void), expose: any, slots: any, attrs: any }) {
expose()
return { emit }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (referenced function type) 1`] = `
2020-11-17 00:35:30 +08:00
"import { defineComponent as _defineComponent } from 'vue'
2021-06-29 04:03:27 +08:00
type Emits = (e: 'foo' | 'bar') => void
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-29 04:03:27 +08:00
setup(__props, { expose, emit }: { emit: ((e: 'foo' | 'bar') => void), expose: any, slots: any, attrs: any }) {
expose()
2020-11-13 07:11:25 +08:00
2021-06-29 04:03:27 +08:00
return { emit }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (type alias) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
type Emits = { (e: 'foo' | 'bar'): void }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-29 04:03:27 +08:00
setup(__props, { expose, emit }: { emit: ({ (e: 'foo' | 'bar'): void }), expose: any, slots: any, attrs: any }) {
expose()
return { emit }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type (type literal w/ call signatures) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\", \\"baz\\"],
2021-06-26 01:14:49 +08:00
setup(__props, { expose, emit }: { emit: ({(e: 'foo' | 'bar'): void; (e: 'baz', id: number): void;}), expose: any, slots: any, attrs: any }) {
expose()
2020-11-13 07:11:25 +08:00
return { emit }
}
})"
`;
2021-06-23 03:02:56 +08:00
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type 1`] = `
2020-11-25 04:12:59 +08:00
"import { defineComponent as _defineComponent } from 'vue'
2020-11-13 07:11:25 +08:00
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-09-02 23:51:41 +08:00
emits: [\\"foo\\", \\"bar\\"],
2021-06-26 01:14:49 +08:00
setup(__props, { expose, emit }: { emit: ((e: 'foo' | 'bar') => void), expose: any, slots: any, attrs: any }) {
expose()
2020-11-13 07:11:25 +08:00
return { emit }
}
})"
`;
2021-06-28 23:39:24 +08:00
exports[`SFC compile <script setup> with TypeScript defineProps w/ exported interface 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
export interface Props { x?: number }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-28 23:39:24 +08:00
props: {
x: { type: Number, required: false }
2021-09-02 23:51:41 +08:00
},
setup(__props: any, { expose }) {
2021-06-28 23:39:24 +08:00
expose()
2021-09-06 06:10:15 +08:00
return { }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineProps w/ exported interface in normal script 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
export interface Props { x?: number }
export default /*#__PURE__*/_defineComponent({
props: {
x: { type: Number, required: false }
},
setup(__props: any, { expose }) {
expose()
2021-06-28 23:39:24 +08:00
return { }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineProps w/ exported type alias 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
export type Props = { x?: number }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-28 23:39:24 +08:00
props: {
x: { type: Number, required: false }
2021-09-02 23:51:41 +08:00
},
setup(__props: any, { expose }) {
2021-06-28 23:39:24 +08:00
expose()
return { }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineProps w/ interface 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
interface Props { x?: number }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-28 23:39:24 +08:00
props: {
x: { type: Number, required: false }
2021-09-02 23:51:41 +08:00
},
setup(__props: any, { expose }) {
2021-06-28 23:39:24 +08:00
expose()
return { }
}
})"
`;
2020-11-25 04:12:59 +08:00
exports[`SFC compile <script setup> with TypeScript defineProps w/ type 1`] = `
2020-11-17 00:35:30 +08:00
"import { defineComponent as _defineComponent } from 'vue'
2021-06-29 04:03:27 +08:00
interface Test {}
2020-11-13 07:11:25 +08:00
type Alias = number[]
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2020-11-13 07:11:25 +08:00
props: {
string: { type: String, required: true },
number: { type: Number, required: true },
boolean: { type: Boolean, required: true },
object: { type: Object, required: true },
objectLiteral: { type: Object, required: true },
fn: { type: Function, required: true },
functionRef: { type: Function, required: true },
objectRef: { type: Object, required: true },
2021-09-06 06:13:12 +08:00
dateTime: { type: Date, required: true },
2020-11-13 07:11:25 +08:00
array: { type: Array, required: true },
arrayRef: { type: Array, required: true },
tuple: { type: Array, required: true },
set: { type: Set, required: true },
literal: { type: String, required: true },
optional: { type: null, required: false },
recordRef: { type: Object, required: true },
interface: { type: Object, required: true },
alias: { type: Array, required: true },
2021-06-29 03:39:04 +08:00
method: { type: Function, required: true },
2021-09-17 01:45:55 +08:00
symbol: { type: Symbol, required: true },
2020-11-13 07:11:25 +08:00
union: { type: [String, Number], required: true },
2021-08-17 05:40:00 +08:00
literalUnion: { type: String, required: true },
literalUnionNumber: { type: Number, required: true },
2020-11-13 07:11:25 +08:00
literalUnionMixed: { type: [String, Number, Boolean], required: true },
2021-07-19 23:09:24 +08:00
intersection: { type: Object, required: true },
foo: { type: [Function, null], required: true }
2021-09-02 23:51:41 +08:00
},
setup(__props: any, { expose }) {
2021-06-26 01:14:49 +08:00
expose()
2020-11-13 07:11:25 +08:00
2021-06-28 23:39:24 +08:00
return { }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript defineProps w/ type alias 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
type Props = { x?: number }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-28 23:39:24 +08:00
props: {
x: { type: Number, required: false }
2021-09-02 23:51:41 +08:00
},
setup(__props: any, { expose }) {
2021-06-28 23:39:24 +08:00
expose()
2020-11-14 06:38:28 +08:00
return { }
}
})"
`;
2020-11-25 04:12:59 +08:00
exports[`SFC compile <script setup> with TypeScript defineProps/Emit w/ runtime options 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2020-11-25 04:12:59 +08:00
props: { foo: String },
emits: ['a', 'b'],
2021-06-26 01:14:49 +08:00
setup(__props, { expose, emit }) {
expose()
2020-11-25 04:12:59 +08:00
const props = __props
return { props, emit }
}
})"
`;
2020-11-14 06:38:28 +08:00
exports[`SFC compile <script setup> with TypeScript hoist type declarations 1`] = `
2020-11-17 00:35:30 +08:00
"import { defineComponent as _defineComponent } from 'vue'
2020-11-14 06:38:28 +08:00
export interface Foo {}
type Bar = {}
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-26 01:14:49 +08:00
setup(__props, { expose }) {
expose()
2020-11-14 06:38:28 +08:00
2020-11-13 07:11:25 +08:00
return { }
}
})"
2020-07-09 09:11:57 +08:00
`;
2021-06-27 09:11:57 +08:00
2021-07-01 00:03:42 +08:00
exports[`SFC compile <script setup> with TypeScript runtime Enum 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
enum Foo { A = 123 }
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-07-01 00:03:42 +08:00
setup(__props, { expose }) {
expose()
return { Foo }
}
})"
`;
2021-06-27 09:11:57 +08:00
exports[`SFC compile <script setup> with TypeScript withDefaults (dynamic) 1`] = `
"import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from 'vue'
import { defaults } from './foo'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-27 09:11:57 +08:00
props: _mergeDefaults({
foo: { type: String, required: false },
2021-09-02 23:26:52 +08:00
bar: { type: Number, required: false },
baz: { type: Boolean, required: true }
2021-09-02 23:51:41 +08:00
}, { ...defaults }),
setup(__props: any, { expose }) {
expose()
const props = __props as {
2021-06-27 09:11:57 +08:00
foo?: string
bar?: number
2021-09-02 23:26:52 +08:00
baz: boolean
2021-09-02 23:51:41 +08:00
}
2021-06-27 09:11:57 +08:00
return { props, defaults }
}
})"
`;
exports[`SFC compile <script setup> with TypeScript withDefaults (static) 1`] = `
"import { defineComponent as _defineComponent } from 'vue'
2021-09-02 00:40:36 +08:00
export default /*#__PURE__*/_defineComponent({
2021-06-27 09:11:57 +08:00
props: {
foo: { type: String, required: false, default: 'hi' },
2021-09-02 23:26:52 +08:00
bar: { type: Number, required: false },
baz: { type: Boolean, required: true },
qux: { type: Function, required: false, default() { return 1 } }
2021-09-02 23:51:41 +08:00
},
setup(__props: any, { expose }) {
2021-06-27 09:11:57 +08:00
expose()
2021-09-02 23:51:41 +08:00
const props = __props as { foo: string, bar?: number, baz: boolean, qux(): number }
2021-06-27 09:11:57 +08:00
return { props }
}
})"
`;