refactor: simpfied for vite 2

Author: antfu

example/src/components/ComponentA.vue

@@ -6,6 +6,6 @@
 import { defineProps } from 'vue'
 
 const props = defineProps({
-  msg: String
+  msg: String,
 })
 </script>

example/src/components/ComponentB.vue

@@ -6,6 +6,6 @@
 import { defineProps } from 'vue'
 
 const props = defineProps({
-  msg: String
+  msg: String,
 })
 </script>

example/src/components/ComponentD.vue

@@ -1,5 +1,5 @@
 <template>
-  <h3>Component D: <component-b msg="wrapper"/></h3>
+  <h3>Component D: <component-b msg="wrapper" /></h3>
 </template>
 
 <script lang='ts'>

example/src/components/component-c.vue

@@ -6,6 +6,6 @@
 import { defineProps } from 'vue'
 
 const props = defineProps({
-  msg: String
+  msg: String,
 })
 </script>

example/src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from '/src/App.vue'
 import './index.css'
-// import 'vant/lib/index.css'
+import '../node_modules/vant/lib/index.css'
 
 createApp(App).mount('#app')

src/context.ts

@@ -160,7 +160,7 @@ export class Context {
     return await Promise.resolve(this._importsResolveTasks[key][0])
   }
 
-  private _searchGlob: Promise<void> | undefined
+  private _searched = 0
 
   /**
    * This search for components in with the given options.
@@ -170,13 +170,14 @@ export class Context {
    * @param ctx
    * @param force
    */
-  async searchGlob() {
-    if (!this._searchGlob) {
-      this._searchGlob = (async() => {
-        await searchComponents(this)
-      })()
+  searchGlob(forceMs = -1) {
+    if (this._searched && forceMs < 0)
+      return
+
+    const now = +new Date()
+    if (now - this._searched > forceMs) {
+      searchComponents(this)
+      this._searched = now
     }
-
-    return await this._searchGlob
   }
 }

src/fs/glob.ts

@@ -4,10 +4,10 @@ import { Context } from '../context'
 
 const debug = Debug('vite-plugin-components:glob')
 
-export async function searchComponents(ctx: Context) {
-  debug(`searching start with: [${ctx.globs.join(', ')}]`)
+export function searchComponents(ctx: Context) {
+  debug(`started with: [${ctx.globs.join(', ')}]`)
 
-  const files = await fg(ctx.globs, {
+  const files = fg.sync(ctx.globs, {
     ignore: ['node_modules'],
     onlyFiles: true,
   })

src/generator/importer.ts

@@ -2,9 +2,7 @@ import type { Plugin } from 'vite'
 import { Options } from './types'
 import { Context } from './context'
 import { VueTransformer } from './transforms/vue'
-import { CustomComponentTransformer } from './transforms/customComponent'
 import { parseId, resolveOptions } from './utils'
-import { generateResolver, isResolverPath } from './generator/importer'
 
 const defaultOptions: Required<Options> = {
   dirs: 'src/components',
@@ -25,26 +23,13 @@ function VitePluginComponents(options: Options = {}): Plugin {
 
   const transformer = [
     VueTransformer(ctx),
-    CustomComponentTransformer(ctx),
   ]
 
   return {
     name: 'vite-plugin-components',
-    resolveId(source) {
-      if (isResolverPath(source))
-        return source
-      return null
-    },
     configResolved(config) {
       ctx.viteConfig = config
     },
-    async load(id) {
-      if (isResolverPath(id)) {
-        await ctx.searchGlob()
-        return await generateResolver(ctx, id.slice(1)) // remove the heading '/'
-      }
-      return null
-    },
     transform(code, id) {
       const { path, query } = parseId(id)
       for (const trans of transformer)