918 lines
22 KiB
Plaintext
918 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`SFC compile <script setup> <script> and <script setup> co-usage script first 1`] = `
|
|
"import { x } from './x'
|
|
|
|
export const n = 1
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
x()
|
|
|
|
return { x }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> <script> and <script setup> co-usage script setup first 1`] = `
|
|
"import { x } from './x'
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
x()
|
|
|
|
return { x }
|
|
}
|
|
|
|
}
|
|
export const n = 1"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> defineEmits() 1`] = `
|
|
"export default {
|
|
emits: ['foo', 'bar'],
|
|
setup(__props, { expose, emit: myEmit }) {
|
|
expose()
|
|
|
|
|
|
|
|
return { myEmit }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> defineExpose() 1`] = `
|
|
"export default {
|
|
setup(__props, { expose }) {
|
|
|
|
expose({ foo: 123 })
|
|
|
|
return { }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
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 }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> defineProps() 1`] = `
|
|
"export default {
|
|
props: {
|
|
foo: String
|
|
},
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
const props = __props
|
|
|
|
const bar = 1
|
|
|
|
return { props, bar }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> defineProps/defineEmits in multi-variable decalration (full removal) 1`] = `
|
|
"export default {
|
|
props: ['item'],
|
|
emits: ['a'],
|
|
setup(__props, { expose, emit }) {
|
|
expose()
|
|
|
|
const props = __props
|
|
|
|
|
|
return { props, emit }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> defineProps/defineEmits in multi-variable decalration 1`] = `
|
|
"export default {
|
|
props: ['item'],
|
|
emits: ['a'],
|
|
setup(__props, { expose, emit }) {
|
|
expose()
|
|
|
|
const props = __props
|
|
const a = 1;
|
|
|
|
return { props, a, emit }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> errors should allow defineProps/Emit() referencing imported binding 1`] = `
|
|
"import { bar } from './bar'
|
|
|
|
export default {
|
|
props: {
|
|
foo: {
|
|
default: () => bar
|
|
}
|
|
},
|
|
emits: {
|
|
foo: () => bar > 1
|
|
},
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
|
|
return { bar }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> errors should allow defineProps/Emit() referencing scope var 1`] = `
|
|
"export default {
|
|
props: {
|
|
foo: {
|
|
default: bar => bar + 1
|
|
}
|
|
},
|
|
emits: {
|
|
foo: bar => bar > 1
|
|
},
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
const bar = 1
|
|
|
|
|
|
|
|
return { bar }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> imports dedupe between user & helper 1`] = `
|
|
"import { ref as _ref } from 'vue'
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
let foo = _ref(1)
|
|
|
|
return { foo, ref }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> imports import dedupe between <script> and <script setup> 1`] = `
|
|
"import { x } from './x'
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
x()
|
|
|
|
return { x }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
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'],
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
const r = ref(0)
|
|
|
|
return { r, ref }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> imports should extract comment for import or type declarations 1`] = `
|
|
"import a from 'a' // comment
|
|
import b from 'b'
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
|
|
return { a, b }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> imports should hoist and expose imports 1`] = `
|
|
"import { ref } from 'vue'
|
|
import 'foo/css'
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
|
|
return { ref }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode avoid unref() when necessary 1`] = `
|
|
"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\\"
|
|
|
|
import { ref } from 'vue'
|
|
import Foo, { bar } from './Foo.vue'
|
|
import other from './util'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
const count = ref(0)
|
|
const constant = {}
|
|
const maybe = foo()
|
|
let lett = 1
|
|
function fn() {}
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_createVNode(Foo, null, {
|
|
default: _withCtx(() => [
|
|
_createTextVNode(_toDisplayString(_unref(bar)), 1 /* TEXT */)
|
|
]),
|
|
_: 1 /* STABLE */
|
|
}),
|
|
_createElementVNode(\\"div\\", { onClick: fn }, _toDisplayString(count.value) + \\" \\" + _toDisplayString(constant) + \\" \\" + _toDisplayString(_unref(maybe)) + \\" \\" + _toDisplayString(_unref(lett)) + \\" \\" + _toDisplayString(_unref(other)), 1 /* TEXT */)
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode referencing scope components and directives 1`] = `
|
|
"import { unref as _unref, createElementVNode as _createElementVNode, withDirectives as _withDirectives, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
|
|
|
|
import ChildComp from './Child.vue'
|
|
import SomeOtherComp from './Other.vue'
|
|
import vMyDir from './my-dir'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_withDirectives(_createElementVNode(\\"div\\", null, null, 512 /* NEED_PATCH */), [
|
|
[_unref(vMyDir)]
|
|
]),
|
|
_createVNode(ChildComp),
|
|
_createVNode(SomeOtherComp)
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode should work 1`] = `
|
|
"import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
|
|
|
|
const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"div\\", null, \\"static\\", -1 /* HOISTED */)
|
|
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
const count = ref(0)
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_createElementVNode(\\"div\\", null, _toDisplayString(count.value), 1 /* TEXT */),
|
|
_hoisted_1
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
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><!--]-->\`)
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode template assignment expression codegen 1`] = `
|
|
"import { createElementVNode as _createElementVNode, isRef as _isRef, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
|
|
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
const count = ref(0)
|
|
const maybe = foo()
|
|
let lett = 1
|
|
let v = ref(1)
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[0] || (_cache[0] = $event => (count.value = 1))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[1] || (_cache[1] = $event => (maybe.value = count.value))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[2] || (_cache[2] = $event => (_isRef(lett) ? lett.value = count.value : lett = count.value))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[3] || (_cache[3] = $event => (_isRef(v) ? v.value += 1 : v += 1))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[4] || (_cache[4] = $event => (_isRef(v) ? v.value -= 1 : v -= 1))
|
|
})
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode template destructure assignment codegen 1`] = `
|
|
"import { createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
|
|
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
const val = {}
|
|
const count = ref(0)
|
|
const maybe = foo()
|
|
let lett = 1
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[0] || (_cache[0] = $event => (({ count: count.value } = val)))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[1] || (_cache[1] = $event => ([maybe.value] = val))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[2] || (_cache[2] = $event => (({ lett: lett } = val)))
|
|
})
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode template update expression codegen 1`] = `
|
|
"import { createElementVNode as _createElementVNode, isRef as _isRef, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
|
|
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
const count = ref(0)
|
|
const maybe = foo()
|
|
let lett = 1
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[0] || (_cache[0] = $event => (count.value++))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[1] || (_cache[1] = $event => (--count.value))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[2] || (_cache[2] = $event => (maybe.value++))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[3] || (_cache[3] = $event => (--maybe.value))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[4] || (_cache[4] = $event => (_isRef(lett) ? lett.value++ : lett++))
|
|
}),
|
|
_createElementVNode(\\"div\\", {
|
|
onClick: _cache[5] || (_cache[5] = $event => (_isRef(lett) ? --lett.value : --lett))
|
|
})
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode v-model codegen 1`] = `
|
|
"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\\"
|
|
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup(__props) {
|
|
|
|
const count = ref(0)
|
|
const maybe = foo()
|
|
let lett = 1
|
|
|
|
return (_ctx, _cache) => {
|
|
return (_openBlock(), _createElementBlock(_Fragment, null, [
|
|
_withDirectives(_createElementVNode(\\"input\\", {
|
|
\\"onUpdate:modelValue\\": _cache[0] || (_cache[0] = $event => (count.value = $event))
|
|
}, null, 512 /* NEED_PATCH */), [
|
|
[_vModelText, count.value]
|
|
]),
|
|
_withDirectives(_createElementVNode(\\"input\\", {
|
|
\\"onUpdate:modelValue\\": _cache[1] || (_cache[1] = $event => (_isRef(maybe) ? maybe.value = $event : null))
|
|
}, null, 512 /* NEED_PATCH */), [
|
|
[_vModelText, _unref(maybe)]
|
|
]),
|
|
_withDirectives(_createElementVNode(\\"input\\", {
|
|
\\"onUpdate:modelValue\\": _cache[2] || (_cache[2] = $event => (_isRef(lett) ? lett.value = $event : lett = $event))
|
|
}, null, 512 /* NEED_PATCH */), [
|
|
[_vModelText, _unref(lett)]
|
|
])
|
|
], 64 /* STABLE_FRAGMENT */))
|
|
}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> inlineTemplate mode with defineExpose() 1`] = `
|
|
"export default {
|
|
setup(__props, { expose }) {
|
|
|
|
const count = ref(0)
|
|
expose({ count })
|
|
|
|
return () => {}
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> should expose top level declarations 1`] = `
|
|
"import { x } from './x'
|
|
|
|
export default {
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
let a = 1
|
|
const b = 2
|
|
function c() {}
|
|
class d {}
|
|
|
|
return { a, b, c, d, x }
|
|
}
|
|
|
|
}"
|
|
`;
|
|
|
|
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 }
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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 }
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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 }
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
type Emits = (e: 'foo' | 'bar') => void
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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 alias) 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
type Emits = { (e: 'foo' | 'bar'): void }
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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'
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\", \\"baz\\"] as unknown as undefined,
|
|
setup(__props, { expose, emit }: { emit: ({(e: 'foo' | 'bar'): void; (e: 'baz', id: number): void;}), expose: any, slots: any, attrs: any }) {
|
|
expose()
|
|
|
|
|
|
|
|
return { emit }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript defineEmits w/ type 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
|
|
export default _defineComponent({
|
|
emits: [\\"foo\\", \\"bar\\"] as unknown as undefined,
|
|
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 defineProps w/ exported interface 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
export interface Props { x?: number }
|
|
|
|
export default _defineComponent({
|
|
props: {
|
|
x: { type: Number, required: false }
|
|
} as unknown as undefined,
|
|
setup(__props: { x?: number }, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
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 }
|
|
|
|
export default _defineComponent({
|
|
props: {
|
|
x: { type: Number, required: false }
|
|
} as unknown as undefined,
|
|
setup(__props: { x?: number }, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
return { }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript defineProps w/ interface 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
interface Props { x?: number }
|
|
|
|
export default _defineComponent({
|
|
props: {
|
|
x: { type: Number, required: false }
|
|
} as unknown as undefined,
|
|
setup(__props: { x?: number }, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
return { }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript defineProps w/ type 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
interface Test {}
|
|
|
|
type Alias = number[]
|
|
|
|
|
|
export default _defineComponent({
|
|
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 },
|
|
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 },
|
|
method: { type: Function, required: true },
|
|
union: { type: [String, Number], required: true },
|
|
literalUnion: { type: [String, String], required: true },
|
|
literalUnionMixed: { type: [String, Number, Boolean], required: true },
|
|
intersection: { type: Object, required: true },
|
|
foo: { type: [Function, null], required: true }
|
|
} as unknown as undefined,
|
|
setup(__props: {
|
|
string: string
|
|
number: number
|
|
boolean: boolean
|
|
object: object
|
|
objectLiteral: { a: number }
|
|
fn: (n: number) => void
|
|
functionRef: Function
|
|
objectRef: Object
|
|
array: string[]
|
|
arrayRef: Array<any>
|
|
tuple: [number, number]
|
|
set: Set<string>
|
|
literal: 'foo'
|
|
optional?: any
|
|
recordRef: Record<string, null>
|
|
interface: Test
|
|
alias: Alias
|
|
method(): void
|
|
|
|
union: string | number
|
|
literalUnion: 'foo' | 'bar'
|
|
literalUnionMixed: 'foo' | 1 | boolean
|
|
intersection: Test & {}
|
|
foo: ((item: any) => boolean) | null
|
|
}, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
return { }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript defineProps w/ type alias 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
type Props = { x?: number }
|
|
|
|
export default _defineComponent({
|
|
props: {
|
|
x: { type: Number, required: false }
|
|
} as unknown as undefined,
|
|
setup(__props: { x?: number }, { expose }) {
|
|
expose()
|
|
|
|
|
|
|
|
return { }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript defineProps/Emit w/ runtime options 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
|
|
export default _defineComponent({
|
|
props: { foo: String },
|
|
emits: ['a', 'b'],
|
|
setup(__props, { expose, emit }) {
|
|
expose()
|
|
|
|
const props = __props
|
|
|
|
|
|
|
|
return { props, emit }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript hoist type declarations 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
export interface Foo {}
|
|
type Bar = {}
|
|
|
|
export default _defineComponent({
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
|
|
return { }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript runtime Enum 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
enum Foo { A = 123 }
|
|
|
|
export default _defineComponent({
|
|
setup(__props, { expose }) {
|
|
expose()
|
|
|
|
|
|
return { Foo }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript withDefaults (dynamic) 1`] = `
|
|
"import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from 'vue'
|
|
import { defaults } from './foo'
|
|
|
|
export default _defineComponent({
|
|
props: _mergeDefaults({
|
|
foo: { type: String, required: false },
|
|
bar: { type: Number, required: false }
|
|
}, { ...defaults }) as unknown as undefined,
|
|
setup(__props: {
|
|
foo?: string
|
|
bar?: number
|
|
}, { expose }) {
|
|
expose()
|
|
|
|
const props = __props
|
|
|
|
|
|
return { props, defaults }
|
|
}
|
|
|
|
})"
|
|
`;
|
|
|
|
exports[`SFC compile <script setup> with TypeScript withDefaults (static) 1`] = `
|
|
"import { defineComponent as _defineComponent } from 'vue'
|
|
|
|
export default _defineComponent({
|
|
props: {
|
|
foo: { type: String, required: false, default: 'hi' },
|
|
bar: { type: Number, required: false }
|
|
} as unknown as undefined,
|
|
setup(__props: {
|
|
foo?: string
|
|
bar?: number
|
|
}, { expose }) {
|
|
expose()
|
|
|
|
const props = __props
|
|
|
|
|
|
return { props }
|
|
}
|
|
|
|
})"
|
|
`;
|