chore: apply lint

antfu · antfu · commit 8a63e34d3cac · 2022-01-12T17:56:04.000+08:00
diff --git a/examples/vite-vue2/src/shims-vue.d.ts b/examples/vite-vue2/src/shims-vue.d.ts
@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue'
+import type { defineComponent } from 'vue'
 
 declare module '*.vue' {
   const Component: ReturnType<typeof defineComponent>
diff --git a/examples/vite-vue2/vite.config.ts b/examples/vite-vue2/vite.config.ts
@@ -1,4 +1,4 @@
-import { UserConfig } from 'vite'
+import type { UserConfig } from 'vite'
 import { createVuePlugin } from 'vite-plugin-vue2'
 import Components from 'unplugin-vue-components/vite'
 
diff --git a/examples/vite-vue3/src/App.vue b/examples/vite-vue3/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang='ts'>
-import { ref, defineAsyncComponent } from 'vue'
+import { defineAsyncComponent, ref } from 'vue'
 
 const tree = ref({
   label: 'Top Level',
diff --git a/examples/vite-vue3/src/shims-vue.d.ts b/examples/vite-vue3/src/shims-vue.d.ts
@@ -1,13 +1,13 @@
 /* eslint-disable import/no-duplicates */
 
 declare module '*.vue' {
-  import { defineComponent } from 'vue'
+  import type { defineComponent } from 'vue'
   const Component: ReturnType<typeof defineComponent>
   export default Component
 }
 
 declare module '*.md' {
-  import { defineComponent } from 'vue'
+  import type { defineComponent } from 'vue'
   const Component: ReturnType<typeof defineComponent>
   export default Component
 }
diff --git a/examples/vite-vue3/vite.config.ts b/examples/vite-vue3/vite.config.ts
@@ -1,12 +1,12 @@
 import path from 'path'
-import { UserConfig } from 'vite'
+import type { UserConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import Components from 'unplugin-vue-components/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
 import Markdown from 'vite-plugin-md'
 import Icons from 'unplugin-icons/vite'
 import IconsResolver from 'unplugin-icons/resolver'
-// @ts-expect-error
+// @ts-expect-error missing types
 import SVG from 'vite-plugin-vue-svg'
 import Inspect from 'vite-plugin-inspect'
 
diff --git a/examples/vue-cli/src/shims-vue.d.ts b/examples/vue-cli/src/shims-vue.d.ts
@@ -1,4 +1,4 @@
-import { defineComponent } from '@vue/composition-api'
+import type { defineComponent } from '@vue/composition-api'
 
 declare module '*.vue' {
   const Component: ReturnType<typeof defineComponent>
diff --git a/package.json b/package.json
@@ -59,6 +59,7 @@
     "example:build": "npm -C examples/vite-vue3 run build",
     "example:dev": "npm -C examples/vite-vue3 run dev",
     "prepublishOnly": "npm run build",
+    "lint": "eslint --ext .js,.vue,.ts,.tsx .",
     "release": "npx bumpp --commit --tag --push",
     "test": "vitest",
     "test:update": "vitest --u"
diff --git a/scripts/postbuild.ts b/scripts/postbuild.ts
@@ -1,4 +1,4 @@
-import { resolve, basename } from 'path'
+import { basename, resolve } from 'path'
 import { promises as fs } from 'fs'
 import fg from 'fast-glob'
 
diff --git a/src/core/context.ts b/src/core/context.ts
@@ -1,10 +1,10 @@
 import { relative } from 'path'
-import fs from 'fs'
+import type fs from 'fs'
 import Debug from 'debug'
-import { UpdatePayload, ViteDevServer } from 'vite'
-import { throttle, toArray, slash } from '@antfu/utils'
-import { Options, ComponentInfo, ResolvedOptions, Transformer } from '../types'
-import { pascalCase, getNameFromFilePath, resolveAlias, matchGlobs, parseId } from './utils'
+import type { UpdatePayload, ViteDevServer } from 'vite'
+import { slash, throttle, toArray } from '@antfu/utils'
+import type { ComponentInfo, Options, ResolvedOptions, Transformer } from '../types'
+import { getNameFromFilePath, matchGlobs, parseId, pascalCase, resolveAlias } from './utils'
 import { resolveOptions } from './options'
 import { searchComponents } from './fs/glob'
 import { generateDeclaration } from './declaration'
diff --git a/src/core/declaration.ts b/src/core/declaration.ts
@@ -1,7 +1,7 @@
-import { resolve, dirname, relative, isAbsolute } from 'path'
-import { promises as fs, existsSync } from 'fs'
+import { dirname, isAbsolute, relative, resolve } from 'path'
+import { existsSync, promises as fs } from 'fs'
 import { notNullish, slash } from '@antfu/utils'
-import { Context } from './context'
+import type { Context } from './context'
 import { getTransformedPath } from './utils'
 
 export function parseDeclaration(code: string): Record<string, string> {
diff --git a/src/core/fs/glob.ts b/src/core/fs/glob.ts
@@ -1,6 +1,6 @@
 import fg from 'fast-glob'
 import Debug from 'debug'
-import { Context } from '../context'
+import type { Context } from '../context'
 
 const debug = Debug('unplugin-vue-components:glob')
 
diff --git a/src/core/helpers/libraryResolver.ts b/src/core/helpers/libraryResolver.ts
@@ -1,7 +1,7 @@
 import fs from 'fs'
 import { dirname, join } from 'path'
 import Debug from 'debug'
-import { ComponentResolverObject, UILibraryOptions } from '../../types'
+import type { ComponentResolverObject, UILibraryOptions } from '../../types'
 import { camelCase, kebabCase, resolveImportPath } from '../utils'
 
 const debug = Debug('unplugin-vue-components:helper:library')
diff --git a/src/core/options.ts b/src/core/options.ts
@@ -1,7 +1,7 @@
 import { join, resolve } from 'path'
 import { slash, toArray } from '@antfu/utils'
 import { isPackageExists } from 'local-pkg'
-import { ResolvedOptions, Options, ComponentResolver, ComponentResolverObject } from '../types'
+import type { ComponentResolver, ComponentResolverObject, Options, ResolvedOptions } from '../types'
 import { LibraryResolver } from './helpers/libraryResolver'
 
 export const defaultOptions: Omit<Required<Options>, 'include' | 'exclude' | 'transformer' | 'globs' |'directives'> = {
diff --git a/src/core/resolvers/antdv.ts b/src/core/resolvers/antdv.ts
@@ -1,5 +1,5 @@
 import { resolve } from 'path'
-import { ComponentResolver, SideEffectsInfo } from '../../types'
+import type { ComponentResolver, SideEffectsInfo } from '../../types'
 import { kebabCase } from '../utils'
 interface IMatcher {
   pattern: RegExp
diff --git a/src/core/resolvers/arco.ts b/src/core/resolvers/arco.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 import { kebabCase } from '../utils'
 
 const matchComponents = [
diff --git a/src/core/resolvers/element-plus.ts b/src/core/resolvers/element-plus.ts
@@ -1,5 +1,5 @@
-import { compare } from 'compare-versions'
-import { ComponentInfo, ComponentResolver, SideEffectsInfo } from '../../types'
+import cv from 'compare-versions'
+import type { ComponentInfo, ComponentResolver, SideEffectsInfo } from '../../types'
 import { getPkgVersion, kebabCase } from '../utils'
 
 export interface ElementPlusResolverOptions {
@@ -80,15 +80,15 @@ function resolveComponent(name: string, options: ElementPlusResolverOptionsResol
   const { version, ssr } = options
 
   // >=1.1.0-beta.1
-  if (compare(version, '1.1.0-beta.1', '>=')) {
+  if (cv.compare(version, '1.1.0-beta.1', '>=')) {
     return {
       importName: name,
       path: `element-plus/${ssr ? 'lib' : 'es'}`,
       sideEffects: getSideEffects(partialName, options),
     }
   }
   // >=1.0.2-beta.28
-  else if (compare(version, '1.0.2-beta.28', '>=')) {
+  else if (cv.compare(version, '1.0.2-beta.28', '>=')) {
     return {
       path: `element-plus/es/el-${partialName}`,
       sideEffects: getSideEffectsLegacy(partialName, options),
@@ -106,7 +106,7 @@ function resolveComponent(name: string, options: ElementPlusResolverOptionsResol
 function resolveDirective(name: string, options: ElementPlusResolverOptionsResolved): ComponentInfo | undefined {
   if (!options.directives) return
 
-  const directives: Record<string, { importName: string; styleName: string}> = {
+  const directives: Record<string, { importName: string; styleName: string }> = {
     Loading: { importName: 'ElLoadingDirective', styleName: 'loading' },
     Popover: { importName: 'ElPopoverDirective', styleName: 'popover' },
     InfiniteScroll: { importName: 'ElInfiniteScroll', styleName: 'infinite-scroll' },
@@ -118,7 +118,7 @@ function resolveDirective(name: string, options: ElementPlusResolverOptionsResol
   const { version, ssr } = options
 
   // >=1.1.0-beta.1
-  if (compare(version, '1.1.0-beta.1', '>=')) {
+  if (cv.compare(version, '1.1.0-beta.1', '>=')) {
     return {
       importName: directive.importName,
       path: `element-plus/${ssr ? 'lib' : 'es'}`,
diff --git a/src/core/resolvers/element-ui.ts b/src/core/resolvers/element-ui.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   ComponentResolver,
   SideEffectsInfo,
 } from '../../types'
diff --git a/src/core/resolvers/headless-ui.ts b/src/core/resolvers/headless-ui.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 
 const components = [
   'Dialog',
@@ -57,20 +57,20 @@ export interface HeadlessUiResolverOptions {
  * @link https://github.com/tailwindlabs/headlessui
  */
 export function HeadlessUiResolver({
-  prefix = ""
+  prefix = '',
 }: HeadlessUiResolverOptions): ComponentResolver {
   return {
     type: 'component',
     resolve: (name: string) => {
       if (name.startsWith(prefix)) {
-        const componentName = name.replace(new RegExp(`\^\(${prefix}\)`), "")
+        const componentName = name.replace(new RegExp(`\^\(${prefix}\)`), '')
         if (components.includes(componentName)) {
           return {
             importName: componentName,
-            path: "@headlessui/vue",
+            path: '@headlessui/vue',
           }
         }
       }
-    }
+    },
   }
 }
diff --git a/src/core/resolvers/idux.ts b/src/core/resolvers/idux.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 import { kebabCase } from '../utils'
 
 const specialComponents: Record<string, string> = {
@@ -37,14 +37,12 @@ export function IduxResolver(options: IduxResolverOptions = {}): ComponentResolv
     type: 'component',
     resolve: (name: string) => {
       const { importStyle, exclude = [] } = options
-      if (exclude.includes(name)) {
+      if (exclude.includes(name))
         return
-      }
 
       const packageName = getPackageName(name)
-      if (!packageName) {
+      if (!packageName)
         return
-      }
 
       let dirname = specialComponents[name]
       if (!dirname) {
@@ -55,9 +53,8 @@ export function IduxResolver(options: IduxResolverOptions = {}): ComponentResolv
       const path = `@idux/${packageName}/${dirname}`
 
       let sideEffects: string | undefined
-      if (packageName !== 'cdk' && importStyle) {
+      if (packageName !== 'cdk' && importStyle)
         sideEffects = `${path}/style/themes/${importStyle === 'css' ? 'default_css' : 'default'}`
-      }
 
       return { importName: name, path, sideEffects }
     },
@@ -67,13 +64,12 @@ export function IduxResolver(options: IduxResolverOptions = {}): ComponentResolv
 function getPackageName(name: string) {
   let packageName: 'cdk' | 'components' | 'pro' | undefined
 
-  if (name.match(/^Cdk[A-Z]/)) {
+  if (name.match(/^Cdk[A-Z]/))
     packageName = 'cdk'
-  } else if (name.match(/^IxPro[A-Z]/)) {
+  else if (name.match(/^IxPro[A-Z]/))
     packageName = 'pro'
-  } else if (name.match(/^Ix[A-Z]/)) {
+  else if (name.match(/^Ix[A-Z]/))
     packageName = 'components'
-  }
 
   return packageName
 }
diff --git a/src/core/resolvers/naive-ui.ts b/src/core/resolvers/naive-ui.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 
 /**
  * Resolver for Naive UI
diff --git a/src/core/resolvers/prime-vue.ts b/src/core/resolvers/prime-vue.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver, SideEffectsInfo } from '../../types'
+import type { ComponentResolver, SideEffectsInfo } from '../../types'
 
 const components = [
   'Accordion',
@@ -151,9 +151,9 @@ export function PrimeVueResolver(options: PrimeVueResolverOptions = {}): Compone
       }
 
       if (options.prefix) {
-        if (!name.startsWith(options.prefix)) {
+        if (!name.startsWith(options.prefix))
           return
-        }
+
         name = name.substring(options.prefix.length)
       }
 
diff --git a/src/core/resolvers/quasar.ts b/src/core/resolvers/quasar.ts
@@ -1,5 +1,5 @@
 
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 
 /**
  * Resolver for Quasar
diff --git a/src/core/resolvers/tdesign.ts b/src/core/resolvers/tdesign.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver, SideEffectsInfo } from '../../types'
+import type { ComponentResolver, SideEffectsInfo } from '../../types'
 import { kebabCase } from '../utils'
 
 export interface TDesignResolverOptions {
diff --git a/src/core/resolvers/vant.ts b/src/core/resolvers/vant.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver, SideEffectsInfo } from '../../types'
+import type { ComponentResolver, SideEffectsInfo } from '../../types'
 import { kebabCase } from '../utils'
 
 export interface VantResolverOptions {
diff --git a/src/core/resolvers/varlet-ui.ts b/src/core/resolvers/varlet-ui.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver, ComponentResolveResult } from '../../types'
+import type { ComponentResolveResult, ComponentResolver } from '../../types'
 import { kebabCase } from '../utils'
 
 export interface VarletUIResolverOptions {
diff --git a/src/core/resolvers/veui.ts b/src/core/resolvers/veui.ts
@@ -1,6 +1,6 @@
 import { join, normalize } from 'path'
-import { ComponentResolver, SideEffectsInfo } from '../../types'
-import { kebabCase, camelCase, pascalCase, resolveImportPath } from '../utils'
+import type { ComponentResolver, SideEffectsInfo } from '../../types'
+import { camelCase, kebabCase, pascalCase, resolveImportPath } from '../utils'
 
 interface VeuiPeerConfig {
   /**
diff --git a/src/core/resolvers/view-ui.ts b/src/core/resolvers/view-ui.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 import { kebabCase } from '../utils'
 
 function getSideEffects(componentName: string) {
diff --git a/src/core/resolvers/vuetify.ts b/src/core/resolvers/vuetify.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 
 /**
  * Resolver for Vuetify
diff --git a/src/core/resolvers/vueuse.ts b/src/core/resolvers/vueuse.ts
@@ -1,4 +1,4 @@
-import { ComponentResolver } from '../../types'
+import type { ComponentResolver } from '../../types'
 
 let components: string[] | undefined
 
diff --git a/src/core/transformer.ts b/src/core/transformer.ts
@@ -1,10 +1,10 @@
 import Debug from 'debug'
 import MagicString from 'magic-string'
-import { TransformResult } from 'unplugin'
-import { SupportedTransformer } from '..'
+import type { TransformResult } from 'unplugin'
+import type { SupportedTransformer } from '..'
 import type { Transformer } from '../types'
 import { DISABLE_COMMENT } from './constants'
-import { Context } from './context'
+import type { Context } from './context'
 import transformComponent from './transforms/component'
 import transformDirectives from './transforms/directive'
 
diff --git a/src/core/transforms/component.ts b/src/core/transforms/component.ts
@@ -2,8 +2,8 @@ import Debug from 'debug'
 import type MagicString from 'magic-string'
 import { pascalCase, stringifyComponentImport } from '../utils'
 import type { Context } from '../context'
-import { ResolveResult } from '../transformer'
-import { SupportedTransformer } from '../..'
+import type { ResolveResult } from '../transformer'
+import type { SupportedTransformer } from '../..'
 
 const debug = Debug('unplugin-vue-components:transform:component')
 
diff --git a/src/core/transforms/directive/index.ts b/src/core/transforms/directive/index.ts
@@ -2,7 +2,7 @@ import Debug from 'debug'
 import type MagicString from 'magic-string'
 import { pascalCase, stringifyComponentImport } from '../../utils'
 import type { Context } from '../../context'
-import { SupportedTransformer } from '../../..'
+import type { SupportedTransformer } from '../../..'
 import vue2Resolver from './vue2'
 import vue3Resolver from './vue3'
 
diff --git a/src/core/transforms/directive/vue2.ts b/src/core/transforms/directive/vue2.ts
@@ -1,10 +1,10 @@
 import type {
-  CallExpression, ObjectProperty, File, VariableDeclaration, FunctionExpression, BlockStatement,
+  BlockStatement, CallExpression, File, FunctionExpression, ObjectProperty, VariableDeclaration,
 } from '@babel/types'
 import type MagicString from 'magic-string'
 import type { ParseResult } from '@babel/parser'
 import { importModule, isPackageExists } from 'local-pkg'
-import { ResolveResult } from '../../transformer'
+import type { ResolveResult } from '../../transformer'
 
 /**
  * get Vue 2 render function position
diff --git a/src/core/transforms/directive/vue3.ts b/src/core/transforms/directive/vue3.ts
@@ -1,5 +1,5 @@
 import type MagicString from 'magic-string'
-import { ResolveResult } from '../../transformer'
+import type { ResolveResult } from '../../transformer'
 
 export default function resolveVue3(code: string, s: MagicString): ResolveResult[] {
   const results: ResolveResult[] = []
diff --git a/src/core/unplugin.ts b/src/core/unplugin.ts
diff --git a/src/core/utils.ts b/src/core/utils.ts
diff --git a/src/nuxt.ts b/src/nuxt.ts
diff --git a/src/types.ts b/src/types.ts
diff --git a/test/__snapshots__/search.test.ts.snap b/test/__snapshots__/search.test.ts.snap
diff --git a/test/__snapshots__/stringifyComponentImport.test.ts.snap b/test/__snapshots__/stringifyComponentImport.test.ts.snap
diff --git a/test/__snapshots__/transform.test.ts.snap b/test/__snapshots__/transform.test.ts.snap
diff --git a/test/resolvers/__snapshots__/element-plus.test.ts.snap b/test/resolvers/__snapshots__/element-plus.test.ts.snap
diff --git a/test/resolvers/element-plus.test.ts b/test/resolvers/element-plus.test.ts
diff --git a/test/search.test.ts b/test/search.test.ts
diff --git a/test/stringifyComponentImport.test.ts b/test/stringifyComponentImport.test.ts
diff --git a/test/transform.test.ts b/test/transform.test.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { defineComponent } from 'vue'`
	`1`	`+import type { defineComponent } from 'vue'`
`2`	`2`
`3`	`3`	`declare module '*.vue' {`
`4`	`4`	`const Component: ReturnType<typeof defineComponent>`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { UserConfig } from 'vite'`
	`1`	`+import type { UserConfig } from 'vite'`
`2`	`2`	`import { createVuePlugin } from 'vite-plugin-vue2'`
`3`	`3`	`import Components from 'unplugin-vue-components/vite'`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,13 @@`
`1`	`1`	`/* eslint-disable import/no-duplicates */`
`2`	`2`
`3`	`3`	`declare module '*.vue' {`
`4`		`- import { defineComponent } from 'vue'`
	`4`	`+ import type { defineComponent } from 'vue'`
`5`	`5`	`const Component: ReturnType<typeof defineComponent>`
`6`	`6`	`export default Component`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`declare module '*.md' {`
`10`		`- import { defineComponent } from 'vue'`
	`10`	`+ import type { defineComponent } from 'vue'`
`11`	`11`	`const Component: ReturnType<typeof defineComponent>`
`12`	`12`	`export default Component`
`13`	`13`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { defineComponent } from '@vue/composition-api'`
	`1`	`+import type { defineComponent } from '@vue/composition-api'`
`2`	`2`
`3`	`3`	`declare module '*.vue' {`
`4`	`4`	`const Component: ReturnType<typeof defineComponent>`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { resolve, basename } from 'path'`
	`1`	`+import { basename, resolve } from 'path'`
`2`	`2`	`import { promises as fs } from 'fs'`
`3`	`3`	`import fg from 'fast-glob'`
`4`	`4`