fix: compactible with VueUse v8 (unplugin#382)

lukadriel7 · web-flow · commit d65a7a05d581 · 2022-05-09T20:35:40.000+08:00
* Update to handle Vueuse 8

the latest version of vueuse changes the location of the index file, this change aims to adapt the resolver to the latest version of vueuse.

* fix backward compatibility issue
diff --git a/src/core/resolvers/vueuse.ts b/src/core/resolvers/vueuse.ts
@@ -1,4 +1,6 @@
 import type { ComponentResolver } from '../../types'
+import { readFileSync } from 'fs'
+import { resolveModule } from 'local-pkg'
 
 let components: string[] | undefined
 
@@ -13,15 +15,19 @@ export function VueUseComponentsResolver(): ComponentResolver {
     resolve: (name: string) => {
       if (!components) {
         try {
-          /* eslint-disable @typescript-eslint/no-var-requires */
-          const indexesJson = require('@vueuse/core/indexes.json')
+          const corePath = resolveModule('@vueuse/core') || process.cwd()
+          const path = resolveModule('@vueuse/core/indexes.json')
+            || resolveModule('@vueuse/metadata/index.json')
+            || resolveModule('@vueuse/metadata/index.json', { paths: [corePath] })
+          indexesJson = JSON.parse(readFileSync(path!, 'utf-8'))
           components = indexesJson
             .functions
             .filter((i: any) => i.component && i.name)
             .map(({ name }: any) => name[0].toUpperCase() + name.slice(1))
         }
         catch (error) {
-          components = []
+          console.error(error)
+          throw new Error('[vue-components] failed to load @vueuse/core, have you installed it?')
         }
       }
 
