fix: js&tsx

Author: sxzz

.eslintrc.cjs

@@ -104,7 +104,12 @@ module.exports = {
     },
     // Node scripts
     {
-      files: ['scripts/**', './*.{js,ts}', 'packages/**/index.js'],
+      files: [
+        'scripts/**',
+        './*.{js,ts}',
+        'packages/*/*.js',
+        'packages/vue/*/*.js',
+      ],
       rules: {
         'no-restricted-globals': 'off',
         'no-restricted-syntax': ['error', banConstEnum],

package.json

@@ -13,7 +13,7 @@
     "size-esm-runtime": "node scripts/build.js vue -f esm-bundler-runtime",
     "size-esm": "node scripts/build.js runtime-dom runtime-core reactivity shared -f esm-bundler",
     "check": "tsc --incremental --noEmit",
-    "lint": "eslint --cache --ext .ts .",
+    "lint": "eslint --cache --ext .js,.ts,.tsx .",
     "format": "prettier --write --cache .",
     "format-check": "prettier --check --cache .",
     "test": "vitest",

packages/dts-test/componentInstance.test-d.tsx

@@ -1,11 +1,11 @@
 import {
+  type ComponentInstance,
+  type ComponentPublicInstance,
+  type FunctionalComponent,
   defineComponent,
-  FunctionalComponent,
-  ComponentPublicInstance,
-  ComponentInstance,
   ref,
 } from 'vue'
-import { expectType, describe } from './utils'
+import { describe, expectType } from './utils'
 
 describe('defineComponent', () => {
   const CompSetup = defineComponent({

packages/dts-test/defineComponent.test-d.tsx

@@ -1,21 +1,21 @@
 import {
-  Component,
-  defineComponent,
-  PropType,
-  ref,
-  reactive,
+  type Component,
+  type ComponentOptions,
+  type ComponentPublicInstance,
+  type PropType,
+  type SetupContext,
+  type Slots,
+  type SlotsType,
+  type VNode,
   createApp,
-  ComponentPublicInstance,
-  ComponentOptions,
-  SetupContext,
+  defineComponent,
   h,
-  SlotsType,
-  Slots,
-  VNode,
+  reactive,
+  ref,
   withKeys,
   withModifiers,
 } from 'vue'
-import { describe, expectType, IsUnion } from './utils'
+import { type IsUnion, describe, expectType } from './utils'
 
 describe('with object props', () => {
   interface ExpectedProps {
@@ -1505,14 +1505,14 @@ describe('withKeys and withModifiers as pro', () => {
   ;<input onKeydown={onKeydown} onClick={onClick} />
 })
 
-import {
-  DefineComponent,
-  ComponentOptionsMixin,
-  EmitsOptions,
-  VNodeProps,
+import type {
   AllowedComponentProps,
   ComponentCustomProps,
+  ComponentOptionsMixin,
+  DefineComponent,
+  EmitsOptions,
   ExtractPropTypes,
+  VNodeProps,
 } from 'vue'
 
 // code generated by tsc / vue-tsc, make sure this continues to work

packages/dts-test/functionalComponent.test-d.tsx

@@ -1,4 +1,10 @@
-import { h, Text, FunctionalComponent, Component, VNode } from 'vue'
+import {
+  type Component,
+  type FunctionalComponent,
+  Text,
+  type VNode,
+  h,
+} from 'vue'
 import { expectType } from './utils'
 
 // simple function signature

packages/dts-test/tsx.test-d.tsx

@@ -1,5 +1,5 @@
 // TSX w/ defineComponent is tested in defineComponent.test-d.tsx
-import { KeepAlive, Suspense, Fragment, Teleport, VNode } from 'vue'
+import { Fragment, KeepAlive, Suspense, Teleport, type VNode } from 'vue'
 import { expectType } from './utils'
 
 expectType<VNode>(<div />)

rollup.dts.config.js

@@ -1,7 +1,7 @@
 // @ts-check
 import assert from 'node:assert/strict'
 import { parse } from '@babel/parser'
-import { existsSync, readdirSync, readFileSync, writeFileSync } from 'node:fs'
+import { existsSync, readFileSync, readdirSync, writeFileSync } from 'node:fs'
 import MagicString from 'magic-string'
 import dts from 'rollup-plugin-dts'
 

scripts/build.js

@@ -20,7 +20,7 @@ import fs from 'node:fs/promises'
 import { existsSync } from 'node:fs'
 import path from 'node:path'
 import minimist from 'minimist'
-import { gzipSync, brotliCompressSync } from 'node:zlib'
+import { brotliCompressSync, gzipSync } from 'node:zlib'
 import pico from 'picocolors'
 import { execa, execaSync } from 'execa'
 import { cpus } from 'node:os'

scripts/dev.js

@@ -5,7 +5,7 @@
 // smaller files and provides better tree-shaking.
 
 import esbuild from 'esbuild'
-import { resolve, relative, dirname } from 'node:path'
+import { dirname, relative, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { createRequire } from 'node:module'
 import minimist from 'minimist'

scripts/verify-commit.js

@@ -1,7 +1,7 @@
 // @ts-check
 import pico from 'picocolors'
-import { readFileSync } from 'fs'
-import path from 'path'
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
 
 const msgPath = path.resolve('.git/COMMIT_EDITMSG')
 const msg = readFileSync(msgPath, 'utf-8').trim()