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 3c7cf956265453919b31908ad9268af4b7d114eb..a16b816552cc107e3ad786d5b0ebefb954ec0f66 100644 (file)
--- 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 31a1a8d0f272f599b867672480143331fc1ad360..b6ef80f309c9c215b4e81f2e267412c8ab765d33 100644 (file)
--- 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 c9c8d8132ac13a1926937be11e93e017e20af617..8614c141bd5cd9c12cf0a948c86c224e5c30b802 100644 (file)
--- 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 d9076607face6236652be646c9e96a5c84788fee..691c31467741ae041608a0880f4f3ba4aee9a236 100644 (file)
--- 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 bdf493c0d1ebbcfb91db981b91a84f0e358c7c10..d22297a1d67a6cc48fafbe18f095fb40bfb0a3dd 100644 (file)
--- 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 bae5c91663a9467adef9ca7022176b410d21d428..2e7656671ebfd6792658e9df8fe4f7eb67411564 100644 (file)
--- 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 0d37278d2c0fed3f7fa2bdbe83591809014c3875..dd7aad5cf24a6a7f41762d4d44ccd3b1bd04e2f7 100644 (file)
--- 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 e6b02cd3a077c07a76654f1c3b839fffbe464ac0..b1b1ad7ac3d4c12f4a2b63cd4c4fa6c6cb5d5134 100644 (file)
--- 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 339b05d660c40fd6f486592002f681f1b6ed768e..7d0cea4e6bc5eb099a6b51248f36a0f7d8f1008c 100644 (file)
--- 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 a5fa40ef27d0aefcd053172bca96ea553d7a6e9f..eb230da76784a9e44f257aa79e2693d4feac5428 100644 (file)
--- 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<T extends TemplateChildNode>(
   parent: TransformContext<ParentNode>,
   index: number,
 ): TransformContext<T> {
-  const ctx: TransformContext<T> = {
-    ...parent,
+  const ctx: TransformContext<T> = extend({}, parent, {
     node,
     parent,
     index,
@@ -190,7 +192,7 @@ function createContext<T extends TemplateChildNode>(
       placeholder: null,
       children: {},
     },
-  }
+  })
   return ctx
 }
 

diff --git a/packages/compiler-vapor/src/transforms/transformElement.ts b/packages/compiler-vapor/src/transforms/transformElement.ts
index 4bca80478d621ca371d1b6574079a2030ffb746b..5b3787571354439bbd2b82291520384a0512e901 100644 (file)
--- 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 dd7537aeccc813c5a8c8f631c6403939dd23963a..02b4f0208f0a6589da343451e2244e5d7e844c03 100644 (file)
--- 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 84fd1ac43825efe099bb62c724957cb42ea75022..081b9eef1f64ae0c0acca99bff04d1a71e154417 100644 (file)
--- 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 5321f8992bdf7d3b8f7d2b3c80bb1d174759bd89..f509c7196745939f54b6352623801978b860901d 100644 (file)
--- 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 363a49788e6ceba3e0caff407842463104e260ff..f23faced1c84e406872a49ef50183720414d050a 100644 (file)
--- 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 a22ee469ab31c64c69c62e659fe565e5bea25ec6..c3c9397535394260bd374fc728d52a212ebfd97b 100644 (file)
--- 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 729c859aa2837ac219512ce60fa0f382f834e3e8..fbeb5cd5df03cf8b4755add825c62e9b8ec7f5a0 100644 (file)
--- 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 ce8eae5c85f71d69e85866e36ca77e8ae271a821..741a816b102edce98957748cb5c985fcb37c6e37 100644 (file)
--- 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 5699dd5940b024f2d301ecb53666132e39c3afc7..cda2b8359f0e66ed4c0c118402ccf6472176172d 100644 (file)
--- 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 21d7808f4c4d5e1120b22214b9bbe35a65f93e0a..16ac338337ce0d1081d7fd8448a83a21f2b1d165 100644 (file)
--- 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 e3c69d06f8375d4a262d00c38611c05c426dbafc..142e57519d74fd7554f0bd851d4860a9a9d96b41 100644 (file)
--- 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 ee88648a3f0a13b62d19dec0b7c5609f80091f3d..ca03b9f875e94e5b378714afdc4c190c2555cda1 100644 (file)
--- 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 240df9d85b94a6f0ee9cca410cf397cf7a828384..d1e5723f2d6c0e0314ab344b55b9c133675925c4 100644 (file)
--- 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 5cd0f1d218dcbd7cf340a655a2d53ae4eefd7af7..18f51a5681bbebc99ed439e8644f327dcde281af 100644 (file)
--- 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<P = Data> =
   | ComponentObjectPropsOptions<P>

diff --git a/packages/runtime-vapor/src/directive.ts b/packages/runtime-vapor/src/directive.ts
index 0951cbeebcccf42ddeea48edafe8a30378bd87d6..f59ce6a142de433d20bd503299fa167e88341c3f 100644 (file)
--- 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<M extends string = string> = Record<M, boolean>

diff --git a/packages/runtime-vapor/src/dom.ts b/packages/runtime-vapor/src/dom.ts
index d102433e3a1db542dc782ab2539b56a875a93df1..47d888fae4c552e07ef1795d62fc376be1409976 100644 (file)
--- 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<number, [ChildNode, Children]>
 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 6f8bcb5c6ecf7ebb2db1a7511488b5b6a84758d2..0867d4bd949404c87a8cc441f7f1f57166f6b465 100644 (file)
--- 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 d2a34296874d6de2de23b1e5a09a91aa79fd311d..bce3a2be75f6ee48b76c6882e7140b10b527c537 100644 (file)
--- 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 703da98f6c5cf6f90eef69175dff604d4b03142a..de511787e8b7d8c133ad66106ca5d905668d1710 100644 (file)
--- 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 5f12b80e6521e642842b81aa1d6e5283b6e3fa7b..f75ab8699a411f93493fca9eaa072c88acf9d2cb 100644 (file)
--- 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 695800ecd0923c6f00d2b9ebb24dde9b42a79d88..e2d0d0c762978a8f6f9f5d4cef68afab0bf09899 100644 (file)
--- 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('<button></button>')
     const n0 = t0()
     const {
-      0: [n1]
+      0: [n1],
     } = children(n0)
     on(n1, 'click', _ctx.handleClick)
     watchEffect(() => {
@@ -55,36 +55,36 @@ export default {
         /* <Comp :inline-double="count * 2" /> */
         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('<p></p>')
     const n0 = t0()
     const {
-      0: [n1]
+      0: [n1],
     } = children(n0)
     watchEffect(() => {
       setText(n1, void 0, _ctx.count + ' * 2 = ' + _ctx.inlineDouble)
     })
     return n0
-  }
+  },
 }