From: Rizumu Ayaka Date: Fri, 29 Dec 2023 14:05:33 +0000 (+0800) Subject: style: fix lint errors in vapor X-Git-Tag: v3.6.0-alpha.1~16^2~696 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=dce55475a5406c1965b5644983d6a310124762c0;p=thirdparty%2Fvuejs%2Fcore.git style: fix lint errors in vapor --- diff --git a/packages/compiler-vapor/__tests__/compile.spec.ts b/packages/compiler-vapor/__tests__/compile.spec.ts index 3c7cf95626..a16b816552 100644 --- a/packages/compiler-vapor/__tests__/compile.spec.ts +++ b/packages/compiler-vapor/__tests__/compile.spec.ts @@ -1,4 +1,4 @@ -import { type RootNode, BindingTypes } from '@vue/compiler-dom' +import { BindingTypes, type RootNode } from '@vue/compiler-dom' import { type CompilerOptions, compile as _compile } from '../src' function compile(template: string | RootNode, options: CompilerOptions = {}) { diff --git a/packages/compiler-vapor/__tests__/transforms/vBind.spec.ts b/packages/compiler-vapor/__tests__/transforms/vBind.spec.ts index 31a1a8d0f2..b6ef80f309 100644 --- a/packages/compiler-vapor/__tests__/transforms/vBind.spec.ts +++ b/packages/compiler-vapor/__tests__/transforms/vBind.spec.ts @@ -1,14 +1,14 @@ import { ErrorCodes, NodeTypes } from '@vue/compiler-dom' import { - type RootIRNode, type CompilerOptions, - parse, - transform, - transformVBind, - transformElement, IRNodeTypes, + type RootIRNode, compile as _compile, generate, + parse, + transform, + transformElement, + transformVBind, } from '../../src' function compileWithVBind( diff --git a/packages/compiler-vapor/__tests__/transforms/vHtml.spec.ts b/packages/compiler-vapor/__tests__/transforms/vHtml.spec.ts index c9c8d8132a..8614c141bd 100644 --- a/packages/compiler-vapor/__tests__/transforms/vHtml.spec.ts +++ b/packages/compiler-vapor/__tests__/transforms/vHtml.spec.ts @@ -6,11 +6,11 @@ import { } from '@vue/compiler-dom' import { type CompilerOptions, + IRNodeTypes, + type RootIRNode, compile as _compile, - RootIRNode, - transform, generate, - IRNodeTypes, + transform, } from '../../src' import { getBaseTransformPreset } from '../../src/compile' diff --git a/packages/compiler-vapor/__tests__/transforms/vOn.spec.ts b/packages/compiler-vapor/__tests__/transforms/vOn.spec.ts index d9076607fa..691c314677 100644 --- a/packages/compiler-vapor/__tests__/transforms/vOn.spec.ts +++ b/packages/compiler-vapor/__tests__/transforms/vOn.spec.ts @@ -1,11 +1,11 @@ -import { BindingTypes, ErrorCodes, parse, NodeTypes } from '@vue/compiler-dom' +import { BindingTypes, ErrorCodes, NodeTypes, parse } from '@vue/compiler-dom' import { type CompilerOptions, + IRNodeTypes, + type RootIRNode, compile as _compile, - RootIRNode, - transform, generate, - IRNodeTypes, + transform, } from '../../src' import { transformVOn } from '../../src/transforms/vOn' diff --git a/packages/compiler-vapor/__tests__/transforms/vOnce.spec.ts b/packages/compiler-vapor/__tests__/transforms/vOnce.spec.ts index bdf493c0d1..d22297a1d6 100644 --- a/packages/compiler-vapor/__tests__/transforms/vOnce.spec.ts +++ b/packages/compiler-vapor/__tests__/transforms/vOnce.spec.ts @@ -1,11 +1,11 @@ import { BindingTypes, NodeTypes, parse } from '@vue/compiler-dom' import { type CompilerOptions, + IRNodeTypes, + type RootIRNode, compile as _compile, - transform, generate as generate, - IRNodeTypes, - RootIRNode, + transform, } from '../../src' import { getBaseTransformPreset } from '../../src/compile' diff --git a/packages/compiler-vapor/__tests__/transforms/vText.spec.ts b/packages/compiler-vapor/__tests__/transforms/vText.spec.ts index bae5c91663..2e7656671e 100644 --- a/packages/compiler-vapor/__tests__/transforms/vText.spec.ts +++ b/packages/compiler-vapor/__tests__/transforms/vText.spec.ts @@ -6,11 +6,11 @@ import { } from '@vue/compiler-dom' import { type CompilerOptions, + IRNodeTypes, + type RootIRNode, compile as _compile, - RootIRNode, - transform, generate, - IRNodeTypes, + transform, } from '../../src' import { getBaseTransformPreset } from '../../src/compile' diff --git a/packages/compiler-vapor/src/compile.ts b/packages/compiler-vapor/src/compile.ts index 0d37278d2c..dd7aad5cf2 100644 --- a/packages/compiler-vapor/src/compile.ts +++ b/packages/compiler-vapor/src/compile.ts @@ -1,11 +1,11 @@ import { - type CodegenResult, type CompilerOptions as BaseCompilerOptions, + type CodegenResult, + ErrorCodes, type RootNode, - parse, - defaultOnError, createCompilerError, - ErrorCodes, + defaultOnError, + parse, } from '@vue/compiler-dom' import { extend, isString } from '@vue/shared' import { diff --git a/packages/compiler-vapor/src/errors.ts b/packages/compiler-vapor/src/errors.ts index e6b02cd3a0..b1b1ad7ac3 100644 --- a/packages/compiler-vapor/src/errors.ts +++ b/packages/compiler-vapor/src/errors.ts @@ -1,6 +1,6 @@ import { - CompilerError, - SourceLocation, + type CompilerError, + type SourceLocation, createCompilerError, } from '@vue/compiler-dom' diff --git a/packages/compiler-vapor/src/generate.ts b/packages/compiler-vapor/src/generate.ts index 339b05d660..7d0cea4e6b 100644 --- a/packages/compiler-vapor/src/generate.ts +++ b/packages/compiler-vapor/src/generate.ts @@ -1,33 +1,33 @@ import { + BindingTypes, type CodegenOptions, type CodegenResult, + NewlineType, type Position, type SourceLocation, - NewlineType, + advancePositionWithClone, advancePositionWithMutation, - locStub, - BindingTypes, createSimpleExpression, - walkIdentifiers, - advancePositionWithClone, isSimpleIdentifier, + locStub, + walkIdentifiers, } from '@vue/compiler-dom' import { + type AppendNodeIRNode, + type CreateTextNodeIRNode, type IRDynamicChildren, - type RootIRNode, - type SetPropIRNode, type IRExpression, + IRNodeTypes, + type InsertNodeIRNode, type OperationNode, - type VaporHelper, + type PrependNodeIRNode, + type RootIRNode, type SetEventIRNode, - type WithDirectiveIRNode, - type SetTextIRNode, type SetHtmlIRNode, - type CreateTextNodeIRNode, - type InsertNodeIRNode, - type PrependNodeIRNode, - type AppendNodeIRNode, - IRNodeTypes, + type SetPropIRNode, + type SetTextIRNode, + type VaporHelper, + type WithDirectiveIRNode, } from './ir' import { SourceMapGenerator } from 'source-map-js' import { camelize, isGloballyAllowed, isString, makeMap } from '@vue/shared' @@ -212,7 +212,7 @@ function createCodegenContext( generatedLine: context.line, generatedColumn: context.column - 1, source: filename, - // @ts-ignore it is possible to be null + // @ts-expect-error it is possible to be null name, }) } diff --git a/packages/compiler-vapor/src/transform.ts b/packages/compiler-vapor/src/transform.ts index a5fa40ef27..eb230da767 100644 --- a/packages/compiler-vapor/src/transform.ts +++ b/packages/compiler-vapor/src/transform.ts @@ -1,24 +1,24 @@ import { - type RootNode, - type TemplateChildNode, - type ElementNode, - type TransformOptions as BaseTransformOptions, - type ParentNode, type AllNode, + type TransformOptions as BaseTransformOptions, type CompilerCompatOptions, + type ElementNode, NodeTypes, + type ParentNode, + type RootNode, + type TemplateChildNode, defaultOnError, defaultOnWarn, } from '@vue/compiler-dom' -import { EMPTY_OBJ, NOOP, isArray } from '@vue/shared' +import { EMPTY_OBJ, NOOP, extend, isArray } from '@vue/shared' import { - type OperationNode, - type RootIRNode, type IRDynamicInfo, type IRExpression, IRNodeTypes, + type OperationNode, + type RootIRNode, } from './ir' -import type { VaporDirectiveNode, HackOptions } from './ir' +import type { HackOptions, VaporDirectiveNode } from './ir' export type NodeTransform = ( node: RootNode | TemplateChildNode, @@ -73,30 +73,33 @@ function createRootContext( parent: null, index: 0, root: null!, // set later - options: { - filename: '', - prefixIdentifiers: false, - hoistStatic: false, - hmr: false, - cacheHandlers: false, - nodeTransforms: [], - directiveTransforms: {}, - transformHoist: null, - isBuiltInComponent: NOOP, - isCustomElement: NOOP, - expressionPlugins: [], - scopeId: null, - slotted: true, - ssr: false, - inSSR: false, - ssrCssVars: ``, - bindingMetadata: EMPTY_OBJ, - inline: false, - isTS: false, - onError: defaultOnError, - onWarn: defaultOnWarn, - ...options, - }, + options: extend( + {}, + { + filename: '', + prefixIdentifiers: false, + hoistStatic: false, + hmr: false, + cacheHandlers: false, + nodeTransforms: [], + directiveTransforms: {}, + transformHoist: null, + isBuiltInComponent: NOOP, + isCustomElement: NOOP, + expressionPlugins: [], + scopeId: null, + slotted: true, + ssr: false, + inSSR: false, + ssrCssVars: ``, + bindingMetadata: EMPTY_OBJ, + inline: false, + isTS: false, + onError: defaultOnError, + onWarn: defaultOnWarn, + }, + options, + ), dynamic: ir.dynamic, inVOnce: false, @@ -175,8 +178,7 @@ function createContext( parent: TransformContext, index: number, ): TransformContext { - const ctx: TransformContext = { - ...parent, + const ctx: TransformContext = extend({}, parent, { node, parent, index, @@ -190,7 +192,7 @@ function createContext( placeholder: null, children: {}, }, - } + }) return ctx } diff --git a/packages/compiler-vapor/src/transforms/transformElement.ts b/packages/compiler-vapor/src/transforms/transformElement.ts index 4bca80478d..5b37875713 100644 --- a/packages/compiler-vapor/src/transforms/transformElement.ts +++ b/packages/compiler-vapor/src/transforms/transformElement.ts @@ -1,12 +1,12 @@ import { - type ElementNode, type AttributeNode, - NodeTypes, + type ElementNode, ElementTypes, + NodeTypes, } from '@vue/compiler-dom' import { isBuiltInDirective, isVoidTag } from '@vue/shared' -import { NodeTransform, TransformContext } from '../transform' -import { VaporDirectiveNode, IRNodeTypes } from '../ir' +import type { NodeTransform, TransformContext } from '../transform' +import { IRNodeTypes, type VaporDirectiveNode } from '../ir' export const transformElement: NodeTransform = (node, ctx) => { return function postTransformElement() { diff --git a/packages/compiler-vapor/src/transforms/transformInterpolation.ts b/packages/compiler-vapor/src/transforms/transformInterpolation.ts index dd7537aecc..02b4f0208f 100644 --- a/packages/compiler-vapor/src/transforms/transformInterpolation.ts +++ b/packages/compiler-vapor/src/transforms/transformInterpolation.ts @@ -1,5 +1,5 @@ -import { NodeTypes, SimpleExpressionNode } from '@vue/compiler-dom' -import { NodeTransform } from '../transform' +import { NodeTypes, type SimpleExpressionNode } from '@vue/compiler-dom' +import type { NodeTransform } from '../transform' import { IRNodeTypes } from '../ir' export const transformInterpolation: NodeTransform = (node, ctx) => { diff --git a/packages/compiler-vapor/src/transforms/vBind.ts b/packages/compiler-vapor/src/transforms/vBind.ts index 84fd1ac438..081b9eef1f 100644 --- a/packages/compiler-vapor/src/transforms/vBind.ts +++ b/packages/compiler-vapor/src/transforms/vBind.ts @@ -1,7 +1,7 @@ import { + ErrorCodes, createCompilerError, createSimpleExpression, - ErrorCodes, } from '@vue/compiler-core' import { camelize } from '@vue/shared' import { IRNodeTypes } from '../ir' diff --git a/packages/compiler-vapor/src/transforms/vHtml.ts b/packages/compiler-vapor/src/transforms/vHtml.ts index 5321f8992b..f509c71967 100644 --- a/packages/compiler-vapor/src/transforms/vHtml.ts +++ b/packages/compiler-vapor/src/transforms/vHtml.ts @@ -1,5 +1,5 @@ import { IRNodeTypes } from '../ir' -import { DirectiveTransform } from '../transform' +import type { DirectiveTransform } from '../transform' import { DOMErrorCodes, createDOMCompilerError } from '@vue/compiler-dom' export const transformVHtml: DirectiveTransform = (dir, node, context) => { diff --git a/packages/compiler-vapor/src/transforms/vOn.ts b/packages/compiler-vapor/src/transforms/vOn.ts index 363a49788e..f23faced1c 100644 --- a/packages/compiler-vapor/src/transforms/vOn.ts +++ b/packages/compiler-vapor/src/transforms/vOn.ts @@ -1,12 +1,12 @@ import { - createCompilerError, ElementTypes, ErrorCodes, + createCompilerError, } from '@vue/compiler-core' import type { DirectiveTransform } from '../transform' -import { IRNodeTypes, KeyOverride, SetEventIRNode } from '../ir' +import { IRNodeTypes, type KeyOverride, type SetEventIRNode } from '../ir' import { resolveModifiers } from '@vue/compiler-dom' -import { camelize } from '@vue/shared' +import { camelize, extend } from '@vue/shared' export const transformVOn: DirectiveTransform = (dir, node, context) => { let { arg, exp, loc, modifiers } = dir @@ -54,7 +54,7 @@ export const transformVOn: DirectiveTransform = (dir, node, context) => { if (nonKeyModifiers.includes('right')) { if (isStaticClick) { - arg = { ...arg, content: 'contextmenu' } + arg = extend({}, arg, { content: 'contextmenu' }) } else if (!arg.isStatic) { keyOverride = ['click', 'contextmenu'] } @@ -64,7 +64,7 @@ export const transformVOn: DirectiveTransform = (dir, node, context) => { // TODO error here } if (isStaticClick) { - arg = { ...arg, content: 'mouseup' } + arg = extend({}, arg, { content: 'mouseup' }) } else if (!arg.isStatic) { keyOverride = ['click', 'mouseup'] } diff --git a/packages/compiler-vapor/src/transforms/vOnce.ts b/packages/compiler-vapor/src/transforms/vOnce.ts index a22ee469ab..c3c9397535 100644 --- a/packages/compiler-vapor/src/transforms/vOnce.ts +++ b/packages/compiler-vapor/src/transforms/vOnce.ts @@ -1,5 +1,5 @@ import { NodeTypes, findDir } from '@vue/compiler-dom' -import { NodeTransform } from '../transform' +import type { NodeTransform } from '../transform' const seen = new WeakSet() diff --git a/packages/compiler-vapor/src/transforms/vText.ts b/packages/compiler-vapor/src/transforms/vText.ts index 729c859aa2..fbeb5cd5df 100644 --- a/packages/compiler-vapor/src/transforms/vText.ts +++ b/packages/compiler-vapor/src/transforms/vText.ts @@ -1,5 +1,5 @@ import { DOMErrorCodes, createDOMCompilerError } from '@vue/compiler-dom' -import { DirectiveTransform } from '../transform' +import type { DirectiveTransform } from '../transform' import { IRNodeTypes } from '../ir' export const transformVText: DirectiveTransform = (dir, node, context) => { diff --git a/packages/runtime-vapor/__tests__/apiWatch.spec.ts b/packages/runtime-vapor/__tests__/apiWatch.spec.ts index ce8eae5c85..741a816b10 100644 --- a/packages/runtime-vapor/__tests__/apiWatch.spec.ts +++ b/packages/runtime-vapor/__tests__/apiWatch.spec.ts @@ -1,4 +1,4 @@ -import { EffectScope, Ref, ref } from '@vue/reactivity' +import { EffectScope, type Ref, ref } from '@vue/reactivity' import { onEffectCleanup, watchEffect, diff --git a/packages/runtime-vapor/__tests__/component.spec.ts b/packages/runtime-vapor/__tests__/component.spec.ts index 5699dd5940..cda2b8359f 100644 --- a/packages/runtime-vapor/__tests__/component.spec.ts +++ b/packages/runtime-vapor/__tests__/component.spec.ts @@ -1,9 +1,9 @@ import { - template, children, - setText, - render, ref, + render, + setText, + template, unmountComponent, watchEffect, } from '../src' diff --git a/packages/runtime-vapor/__tests__/template.spec.ts b/packages/runtime-vapor/__tests__/template.spec.ts index 21d7808f4c..16ac338337 100644 --- a/packages/runtime-vapor/__tests__/template.spec.ts +++ b/packages/runtime-vapor/__tests__/template.spec.ts @@ -1,4 +1,4 @@ -import { template, fragment } from '../src' +import { fragment, template } from '../src' describe('api: template', () => { test('create element', () => { diff --git a/packages/runtime-vapor/__tests__/vShow.spec.ts b/packages/runtime-vapor/__tests__/vShow.spec.ts index e3c69d06f8..142e57519d 100644 --- a/packages/runtime-vapor/__tests__/vShow.spec.ts +++ b/packages/runtime-vapor/__tests__/vShow.spec.ts @@ -1,6 +1,6 @@ -import { template, children, withDirectives, on, vShow, render } from '../src' -import { ref, defineComponent, nextTick } from 'vue' -import { beforeEach, afterEach, describe, test, expect } from 'vitest' +import { children, on, render, template, vShow, withDirectives } from '../src' +import { defineComponent, nextTick, ref } from 'vue' +import { afterEach, beforeEach, describe, expect, test } from 'vitest' let host: HTMLElement diff --git a/packages/runtime-vapor/src/apiWatch.ts b/packages/runtime-vapor/src/apiWatch.ts index ee88648a3f..ca03b9f875 100644 --- a/packages/runtime-vapor/src/apiWatch.ts +++ b/packages/runtime-vapor/src/apiWatch.ts @@ -1,13 +1,13 @@ import { - ComputedRef, - Ref, - isReactive, - isRef, + type ComputedRef, + type DebuggerOptions, + type EffectScheduler, ReactiveEffect, - EffectScheduler, - DebuggerOptions, - getCurrentScope, ReactiveFlags, + type Ref, + getCurrentScope, + isReactive, + isRef, } from '@vue/reactivity' import { EMPTY_OBJ, @@ -25,10 +25,10 @@ import { import { currentInstance } from './component' import { type Scheduler, + type SchedulerJob, getVaporSchedulerByFlushMode, vaporPostScheduler, vaporSyncScheduler, - SchedulerJob, } from './scheduler' import { VaporErrorCodes, diff --git a/packages/runtime-vapor/src/component.ts b/packages/runtime-vapor/src/component.ts index 240df9d85b..d1e5723f2d 100644 --- a/packages/runtime-vapor/src/component.ts +++ b/packages/runtime-vapor/src/component.ts @@ -1,8 +1,8 @@ -import { EffectScope, Ref, ref } from '@vue/reactivity' +import { EffectScope, type Ref, ref } from '@vue/reactivity' import { EMPTY_OBJ } from '@vue/shared' -import { Block } from './render' -import { type DirectiveBinding } from './directive' +import type { Block } from './render' +import type { DirectiveBinding } from './directive' import { type ComponentPropsOptions, type NormalizedPropsOptions, diff --git a/packages/runtime-vapor/src/componentProps.ts b/packages/runtime-vapor/src/componentProps.ts index 5cd0f1d218..18f51a5681 100644 --- a/packages/runtime-vapor/src/componentProps.ts +++ b/packages/runtime-vapor/src/componentProps.ts @@ -1,7 +1,7 @@ // NOTE: runtime-core/src/componentProps.ts import { - Data, + type Data, EMPTY_ARR, EMPTY_OBJ, camelize, @@ -13,7 +13,7 @@ import { isReservedProp, } from '@vue/shared' import { shallowReactive, toRaw } from '@vue/reactivity' -import { type ComponentInternalInstance, type Component } from './component' +import type { Component, ComponentInternalInstance } from './component' export type ComponentPropsOptions

= | ComponentObjectPropsOptions

diff --git a/packages/runtime-vapor/src/directive.ts b/packages/runtime-vapor/src/directive.ts index 0951cbeebc..f59ce6a142 100644 --- a/packages/runtime-vapor/src/directive.ts +++ b/packages/runtime-vapor/src/directive.ts @@ -1,5 +1,5 @@ import { isFunction } from '@vue/shared' -import { currentInstance, type ComponentInternalInstance } from './component' +import { type ComponentInternalInstance, currentInstance } from './component' import { watchEffect } from './apiWatch' export type DirectiveModifiers = Record diff --git a/packages/runtime-vapor/src/dom.ts b/packages/runtime-vapor/src/dom.ts index d102433e3a..47d888fae4 100644 --- a/packages/runtime-vapor/src/dom.ts +++ b/packages/runtime-vapor/src/dom.ts @@ -107,9 +107,16 @@ export function setDynamicProp(el: Element, key: string, val: any) { type Children = Record export function children(n: Node): Children { - return { ...Array.from(n.childNodes).map((n) => [n, children(n)]) } + const result: Children = {} + const array = Array.from(n.childNodes) + for (let i = 0; i < array.length; i++) { + const n = array[i] + result[i] = [n, children(n)] + } + return result } export function createTextNode(val: unknown): Text { + // eslint-disable-next-line no-restricted-globals return document.createTextNode(toDisplayString(val)) } diff --git a/packages/runtime-vapor/src/errorHandling.ts b/packages/runtime-vapor/src/errorHandling.ts index 6f8bcb5c6e..0867d4bd94 100644 --- a/packages/runtime-vapor/src/errorHandling.ts +++ b/packages/runtime-vapor/src/errorHandling.ts @@ -3,7 +3,7 @@ // The ultimate aim is to uncouple this replicated code and // facilitate its shared use between two runtimes. -import { type ComponentInternalInstance } from './component' +import type { ComponentInternalInstance } from './component' import { isFunction, isPromise } from '@vue/shared' import { warn } from './warning' import { VaporLifecycleHooks } from './enums' diff --git a/packages/runtime-vapor/src/render.ts b/packages/runtime-vapor/src/render.ts index d2a3429687..bce3a2be75 100644 --- a/packages/runtime-vapor/src/render.ts +++ b/packages/runtime-vapor/src/render.ts @@ -1,5 +1,5 @@ import { proxyRefs } from '@vue/reactivity' -import { invokeArrayFns, type Data } from '@vue/shared' +import { type Data, invokeArrayFns } from '@vue/shared' import { type Component, type ComponentInternalInstance, @@ -33,7 +33,8 @@ export function render( export function normalizeContainer(container: string | ParentNode): ParentNode { return typeof container === 'string' - ? (document.querySelector(container) as ParentNode) + ? // eslint-disable-next-line no-restricted-globals + (document.querySelector(container) as ParentNode) : container } diff --git a/packages/runtime-vapor/src/scheduler.ts b/packages/runtime-vapor/src/scheduler.ts index 703da98f6c..de511787e8 100644 --- a/packages/runtime-vapor/src/scheduler.ts +++ b/packages/runtime-vapor/src/scheduler.ts @@ -1,5 +1,5 @@ -import { ReactiveEffect } from '@vue/reactivity' -import { ComponentInternalInstance } from './component' +import type { ReactiveEffect } from '@vue/reactivity' +import type { ComponentInternalInstance } from './component' import { getIsRendering } from '.' export interface SchedulerJob extends Function { diff --git a/packages/runtime-vapor/src/template.ts b/packages/runtime-vapor/src/template.ts index 5f12b80e65..f75ab8699a 100644 --- a/packages/runtime-vapor/src/template.ts +++ b/packages/runtime-vapor/src/template.ts @@ -4,6 +4,7 @@ export const template = (str: string): (() => DocumentFragment) => { return () => { if (!cached) { cached = true + // eslint-disable-next-line no-restricted-globals const t = document.createElement('template') t.innerHTML = str // first render: insert the node directly. diff --git a/playground/src/props.js b/playground/src/props.js index 695800ecd0..e2d0d0c762 100644 --- a/playground/src/props.js +++ b/playground/src/props.js @@ -3,10 +3,10 @@ import { children, on, ref, - template, - watchEffect, + render as renderComponent, setText, - render as renderComponent // TODO: + template, + watchEffect, // TODO: } from '@vue/vapor' export default { @@ -22,7 +22,7 @@ export default { Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, - value: true + value: true, }) return __returned__ @@ -32,7 +32,7 @@ export default { const t0 = template('') const n0 = t0() const { - 0: [n1] + 0: [n1], } = children(n0) on(n1, 'click', _ctx.handleClick) watchEffect(() => { @@ -55,36 +55,36 @@ export default { /* */ get inlineDouble() { return _ctx.count * 2 - } + }, }, - n0 + n0, ) return n0 - } + }, } const child = { props: { count: { type: Number, default: 1 }, - inlineDouble: { type: Number, default: 2 } + inlineDouble: { type: Number, default: 2 }, }, setup(props) { watch( () => props.count, - v => console.log('count changed', v) + v => console.log('count changed', v), ) watch( () => props.inlineDouble, - v => console.log('inlineDouble changed', v) + v => console.log('inlineDouble changed', v), ) const __returned__ = {} Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, - value: true + value: true, }) return __returned__ @@ -94,11 +94,11 @@ const child = { const t0 = template('

') const n0 = t0() const { - 0: [n1] + 0: [n1], } = children(n0) watchEffect(() => { setText(n1, void 0, _ctx.count + ' * 2 = ' + _ctx.inlineDouble) }) return n0 - } + }, }