chore: apply lint

README.md

@@ -241,13 +241,13 @@ Supported Resolvers:
 - [Dev UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/devui.ts)
 
 ```ts
-// vite.config.js
-import Components from 'unplugin-vue-components/vite'
 import {
   AntDesignVueResolver,
   ElementPlusResolver,
   VantResolver,
 } from 'unplugin-vue-components/resolvers'
+// vite.config.js
+import Components from 'unplugin-vue-components/vite'
 
 // your plugin installation
 Components({

examples/vite-vue3/vite.config.ts

@@ -1,11 +1,11 @@
-import path from 'node:path'
 import type { UserConfig } from 'vite'
+import path from 'node:path'
 import Vue from '@vitejs/plugin-vue'
-import Components from 'unplugin-vue-components/vite'
+import IconsResolver from 'unplugin-icons/resolver'
+import Icons from 'unplugin-icons/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
+import Components from 'unplugin-vue-components/vite'
 import Markdown from 'unplugin-vue-markdown/vite'
-import Icons from 'unplugin-icons/vite'
-import IconsResolver from 'unplugin-icons/resolver'
 import Inspect from 'vite-plugin-inspect'
 
 const config: UserConfig = {

examples/vue-cli/src/main.ts

@@ -1,5 +1,5 @@
-import Vue from 'vue'
 import VueCompostionAPI from '@vue/composition-api'
+import Vue from 'vue'
 import App from './App.vue'
 import './index.css'
 

examples/vue-cli/vue.config.js

@@ -1,6 +1,6 @@
-const ScriptSetup = require('unplugin-vue2-script-setup/webpack')
-const Icons = require('unplugin-icons/webpack')
 const IconsResolver = require('unplugin-icons/resolver')
+const Icons = require('unplugin-icons/webpack')
+const ScriptSetup = require('unplugin-vue2-script-setup/webpack')
 const Components = require('unplugin-vue-components/webpack')
 
 /**

src/core/context.ts

@@ -1,16 +1,16 @@
-import { relative } from 'node:path'
 import type fs from 'node:fs'
-import process from 'node:process'
-import Debug from 'debug'
 import type { UpdatePayload, ViteDevServer } from 'vite'
-import { slash, throttle, toArray } from '@antfu/utils'
 import type { ComponentInfo, Options, ResolvedOptions, Transformer } from '../types'
+import { relative } from 'node:path'
+import process from 'node:process'
+import { slash, throttle, toArray } from '@antfu/utils'
+import Debug from 'debug'
 import { DIRECTIVE_IMPORT_PREFIX } from './constants'
-import { getNameFromFilePath, isExclude, matchGlobs, normalizeComponentInfo, parseId, pascalCase, resolveAlias } from './utils'
-import { resolveOptions } from './options'
-import { searchComponents } from './fs/glob'
 import { writeDeclaration } from './declaration'
+import { searchComponents } from './fs/glob'
+import { resolveOptions } from './options'
 import transformer from './transformer'
+import { getNameFromFilePath, isExclude, matchGlobs, normalizeComponentInfo, parseId, pascalCase, resolveAlias } from './utils'
 
 const debug = {
   components: Debug('unplugin-vue-components:context:components'),

src/core/declaration.ts

@@ -1,11 +1,11 @@
-import { dirname, isAbsolute, relative } from 'node:path'
+import type { ComponentInfo, Options } from '../types'
+import type { Context } from './context'
 import { existsSync } from 'node:fs'
 import { mkdir, readFile, writeFile as writeFile_ } from 'node:fs/promises'
+import { dirname, isAbsolute, relative } from 'node:path'
 import { notNullish, slash } from '@antfu/utils'
-import type { ComponentInfo, Options } from '../types'
-import type { Context } from './context'
-import { getTransformedPath } from './utils'
 import { resolveTypeImports } from './type-imports/detect'
+import { getTransformedPath } from './utils'
 
 const multilineCommentsRE = /\/\*.*?\*\//gs
 const singlelineCommentsRE = /\/\/.*$/gm

src/core/fs/glob.ts

@@ -1,6 +1,6 @@
-import fg from 'fast-glob'
-import Debug from 'debug'
 import type { Context } from '../context'
+import Debug from 'debug'
+import fg from 'fast-glob'
 
 const debug = Debug('unplugin-vue-components:glob')
 

src/core/options.ts

@@ -1,7 +1,7 @@
+import type { ComponentResolver, ComponentResolverObject, Options, ResolvedOptions } from '../types'
 import { join, resolve } from 'node:path'
 import { slash, toArray } from '@antfu/utils'
 import { getPackageInfoSync, isPackageExists } from 'local-pkg'
-import type { ComponentResolver, ComponentResolverObject, Options, ResolvedOptions } from '../types'
 import { detectTypeImports } from './type-imports/detect'
 
 export const defaultOptions: Omit<Required<Options>, 'include' | 'exclude' | 'excludeNames' | 'transformer' | 'globs' | 'directives' | 'types' | 'version'> = {

src/core/resolvers/_READ_BEFORE_CONTRIBUTE.md

@@ -9,10 +9,10 @@ Instead, we suggest UI libraries to maintain and publish their own resolvers, as
 We recommend to have it under a submodule, or publish as a separate package.
 
 ```ts
-import Components from 'unplugin-vue-components'
-
 import MyLibResolver from 'my-lib/auto-import-resolver' // <--
 
+import Components from 'unplugin-vue-components'
+
 export default defineConfig({
   plugins: [
     Components({

src/core/resolvers/arco.ts

@@ -1,5 +1,5 @@
-import Debug from 'debug'
 import type { ComponentInfo, ComponentResolver } from '../../types'
+import Debug from 'debug'
 import { isExclude, kebabCase, pascalCase } from '../utils'
 
 const debug = Debug('unplugin-vue-components:resolvers:arco')

src/core/resolvers/devui.ts

@@ -1,5 +1,5 @@
-import { kebabCase } from '../utils'
 import type { ComponentInfo, ComponentResolver } from '../../types'
+import { kebabCase } from '../utils'
 
 export interface DevResolverOptions {
   /**

src/core/resolvers/element-plus.ts

@@ -1,5 +1,5 @@
-import { compare } from 'compare-versions'
 import type { ComponentInfo, ComponentResolver, SideEffectsInfo } from '../../types'
+import { compare } from 'compare-versions'
 import { getPkgVersion, kebabCase } from '../utils'
 
 export interface ElementPlusResolverOptions {

src/core/resolvers/idux.ts

@@ -1,6 +1,6 @@
-import { resolveModule } from 'local-pkg'
-import { compare } from 'compare-versions'
 import type { ComponentResolver } from '../../types'
+import { compare } from 'compare-versions'
+import { resolveModule } from 'local-pkg'
 import { getPkgVersion, kebabCase } from '../utils'
 
 // @keep-sorted

src/core/resolvers/index.ts

@@ -1,22 +1,22 @@
 export * from './antdv'
+export * from './arco'
+export * from './bootstrap-vue'
+export * from './devui'
 export * from './element-plus'
 export * from './element-ui'
 export * from './headless-ui'
 export * from './idux'
 export * from './inkline'
+export * from './ionic'
+export * from './layui-vue'
 export * from './naive-ui'
 export * from './prime-vue'
+export * from './quasar'
+export * from './tdesign'
 export * from './vant'
 export * from './varlet-ui'
 export * from './veui'
 export * from './view-ui'
 export * from './vuetify'
 export * from './vueuse'
 export * from './vueuse-directive'
-export * from './quasar'
-export * from './devui'
-export * from './arco'
-export * from './tdesign'
-export * from './layui-vue'
-export * from './bootstrap-vue'
-export * from './ionic'

src/core/resolvers/layui-vue.ts

@@ -1,6 +1,6 @@
 import type { FilterPattern } from '@rollup/pluginutils'
-import { isExclude } from '../utils'
 import type { ComponentInfo, ComponentResolver, SideEffectsInfo } from '../../types'
+import { isExclude } from '../utils'
 
 const matchComponents = [
   {

src/core/resolvers/quasar.ts

@@ -1,6 +1,6 @@
+import type { ComponentResolver } from '../../types'
 import { promises as fs } from 'node:fs'
 import { resolveModule } from 'local-pkg'
-import type { ComponentResolver } from '../../types'
 
 /**
  * Resolver for Quasar

src/core/resolvers/varlet-ui.ts

@@ -1,4 +1,4 @@
-import type { ComponentResolveResult, ComponentResolver } from '../../types'
+import type { ComponentResolver, ComponentResolveResult } from '../../types'
 import { kebabCase } from '../utils'
 
 export interface VarletUIResolverOptions {

src/core/resolvers/veui.ts

@@ -1,6 +1,6 @@
+import type { ComponentResolver, SideEffectsInfo } from '../../types'
 import { join, normalize } from 'node:path'
 import { resolvePathSync } from 'mlly'
-import type { ComponentResolver, SideEffectsInfo } from '../../types'
 import { camelCase, kebabCase, pascalCase } from '../utils'
 
 interface VeuiPeerConfig {

src/core/resolvers/vueuse-directive.ts

@@ -1,7 +1,7 @@
+import type { ComponentResolver } from '../../types'
 import { readFileSync } from 'node:fs'
 import process from 'node:process'
 import { resolveModule } from 'local-pkg'
-import type { ComponentResolver } from '../../types'
 
 let directives: string[] | undefined
 

src/core/resolvers/vueuse.ts

@@ -1,7 +1,7 @@
+import type { ComponentResolver } from '../../types'
 import { readFileSync } from 'node:fs'
 import process from 'node:process'
 import { resolveModule } from 'local-pkg'
-import type { ComponentResolver } from '../../types'
 
 let components: string[] | undefined
 

src/core/transformer.ts

@@ -1,10 +1,10 @@
-import Debug from 'debug'
-import MagicString from 'magic-string'
 import type { TransformResult } from 'unplugin'
 import type { SupportedTransformer } from '..'
 import type { Transformer } from '../types'
-import { DISABLE_COMMENT } from './constants'
 import type { Context } from './context'
+import Debug from 'debug'
+import MagicString from 'magic-string'
+import { DISABLE_COMMENT } from './constants'
 import transformComponent from './transforms/component'
 import transformDirectives from './transforms/directive'
 

src/core/transforms/component.ts

@@ -1,9 +1,9 @@
-import Debug from 'debug'
 import type MagicString from 'magic-string'
-import { pascalCase, stringifyComponentImport } from '../utils'
+import type { SupportedTransformer } from '../..'
 import type { Context } from '../context'
 import type { ResolveResult } from '../transformer'
-import type { SupportedTransformer } from '../..'
+import Debug from 'debug'
+import { pascalCase, stringifyComponentImport } from '../utils'
 
 const debug = Debug('unplugin-vue-components:transform:component')
 

src/core/transforms/directive/index.ts

@@ -1,9 +1,9 @@
-import Debug from 'debug'
 import type MagicString from 'magic-string'
-import { pascalCase, stringifyComponentImport } from '../../utils'
-import type { Context } from '../../context'
 import type { SupportedTransformer } from '../../..'
+import type { Context } from '../../context'
+import Debug from 'debug'
 import { DIRECTIVE_IMPORT_PREFIX } from '../../constants'
+import { pascalCase, stringifyComponentImport } from '../../utils'
 import vue2Resolver from './vue2'
 import vue3Resolver from './vue3'
 

src/core/transforms/directive/vue2.ts

@@ -8,8 +8,8 @@ import type {
   VariableDeclaration,
 } from '@babel/types'
 import type MagicString from 'magic-string'
-import { importModule, isPackageExists } from 'local-pkg'
 import type { ResolveResult } from '../../transformer'
+import { importModule, isPackageExists } from 'local-pkg'
 
 /**
  * Get Vue 2 render function position

src/core/type-imports/detect.ts

@@ -1,6 +1,6 @@
-import { isPackageExists } from 'local-pkg'
-import { notNullish } from '@antfu/utils'
 import type { ComponentInfo, TypeImport } from '../../types'
+import { notNullish } from '@antfu/utils'
+import { isPackageExists } from 'local-pkg'
 import { TypeImportPresets } from '.'
 
 export function detectTypeImports(): TypeImport[] {

src/core/unplugin.ts

@@ -1,11 +1,11 @@
+import type { ResolvedConfig, ViteDevServer } from 'vite'
+import type { Watching } from 'webpack'
+import type { Options, PublicPluginAPI } from '../types'
 import { existsSync } from 'node:fs'
 import process from 'node:process'
-import { createUnplugin } from 'unplugin'
 import { createFilter } from '@rollup/pluginutils'
 import chokidar from 'chokidar'
-import type { ResolvedConfig, ViteDevServer } from 'vite'
-import type { Watching } from 'webpack'
-import type { Options, PublicPluginAPI } from '../types'
+import { createUnplugin } from 'unplugin'
 import { Context } from './context'
 import { shouldTransform, stringifyComponentImport } from './utils'
 

src/core/utils.ts

@@ -1,14 +1,14 @@
+import type { FilterPattern } from '@rollup/pluginutils'
+import type { ComponentInfo, ImportInfo, ImportInfoLegacy, Options, ResolvedOptions } from '../types'
+import type { Context } from './context'
 import { parse } from 'node:path'
 import process from 'node:process'
-import { minimatch } from 'minimatch'
 import { slash, toArray } from '@antfu/utils'
 import {
   getPackageInfo,
   isPackageExists,
 } from 'local-pkg'
-import type { FilterPattern } from '@rollup/pluginutils'
-import type { ComponentInfo, ImportInfo, ImportInfoLegacy, Options, ResolvedOptions } from '../types'
-import type { Context } from './context'
+import { minimatch } from 'minimatch'
 import { DISABLE_COMMENT } from './constants'
 
 export const isSSR = Boolean(process.env.SSR || process.env.SSG || process.env.VITE_SSR || process.env.VITE_SSG)

src/index.ts

@@ -1,3 +1,3 @@
-export * from './types'
 export { default } from './core/unplugin'
-export { camelCase, pascalCase, kebabCase } from './core/utils'
+export { camelCase, kebabCase, pascalCase } from './core/utils'
+export * from './types'

src/nuxt.ts

@@ -1,9 +1,9 @@
-import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from '@nuxt/kit'
-
 // Workaround for:
 // src/nuxt.ts(5,1): error TS2742: The inferred type of 'default' cannot be named without a reference to '.pnpm/@[email protected][email protected]/node_modules/@nuxt/schema'. This is likely not portable. A type annotation is necessary.
 import type { } from '@nuxt/schema'
+
 import type { Options } from './types'
+import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from '@nuxt/kit'
 import unplugin from '.'
 
 export default defineNuxtModule({

src/types.ts

@@ -1,6 +1,6 @@
+import type { Awaitable } from '@antfu/utils'
 import type { FilterPattern } from '@rollup/pluginutils'
 import type { TransformResult } from 'unplugin'
-import type { Awaitable } from '@antfu/utils'
 
 export interface ImportInfoLegacy {
   /**

test/dts.test.ts

@@ -1,7 +1,7 @@
+import type { ComponentResolver } from '../src'
 import { readFile, writeFile } from 'node:fs/promises'
 import path from 'node:path'
 import { describe, expect, it } from 'vitest'
-import type { ComponentResolver } from '../src'
 import { Context } from '../src/core/context'
 import { getDeclaration, parseDeclaration } from '../src/core/declaration'
 

test/resolvers/arco.test.ts

@@ -1,7 +1,7 @@
+import type { ComponentResolveResult, ComponentResolverObject } from '../../src'
 import { describe, expect, it } from 'vitest'
-import { ArcoResolver } from '../../src/resolvers'
 
-import type { ComponentResolveResult, ComponentResolverObject } from '../../src'
+import { ArcoResolver } from '../../src/resolvers'
 
 function testNoIconComponentResolve(resolver: ComponentResolverObject) {
   expect(resolver.resolve('AButton')).toEqual<ComponentResolveResult>({

test/resolvers/element-plus.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
-import { ElementPlusResolver } from '../../src/resolvers'
 import { Context } from '../../src/core/context'
+import { ElementPlusResolver } from '../../src/resolvers'
 
 describe('element Plus Resolver', () => {
   it('components and directives should be transformed', async () => {

test/resolvers/tdesign.test.ts

@@ -1,7 +1,7 @@
+import type { ComponentResolverObject } from '../../src'
 import { describe, expect, it } from 'vitest'
-import { TDesignResolver } from '../../src/resolvers'
 
-import type { ComponentResolverObject } from '../../src'
+import { TDesignResolver } from '../../src/resolvers'
 
 describe('tDesignResolver', () => {
   it('name matching string rule should not be resolved', async () => {

test/transform.test.ts

@@ -1,5 +1,5 @@
-import { describe, expect, it } from 'vitest'
 import type { ComponentResolver } from '../src'
+import { describe, expect, it } from 'vitest'
 import { Context } from '../src/core/context'
 
 const resolver: ComponentResolver[] = [

test/utils.test.ts

@@ -1,5 +1,5 @@
-import { describe, expect, it } from 'vitest'
 import type { ResolvedOptions } from '../src'
+import { describe, expect, it } from 'vitest'
 import { getNameFromFilePath } from '../src/core/utils'
 
 describe('getNameFromFilePath', () => {