fix(element-plus): get esm package version, closes #194 (#232)

Author: nabaonan

src/core/resolvers/element-plus.ts

@@ -140,25 +140,32 @@ function resolveDirective(name: string, options: ElementPlusResolverOptionsResol
 export function ElementPlusResolver(
   options: ElementPlusResolverOptions = {},
 ): ComponentResolver[] {
-  const optionsResolved: ElementPlusResolverOptionsResolved = {
-    ssr: false,
-    version: getPkgVersion('element-plus', '1.1.0-beta.21'),
-    importStyle: 'css',
-    directives: true,
-    ...options,
+  let optionsResolved: ElementPlusResolverOptionsResolved | undefined
+
+  async function resolveOptions() {
+    if (optionsResolved)
+      return optionsResolved
+    optionsResolved = {
+      ssr: false,
+      version: await getPkgVersion('element-plus', '1.1.0-beta.21'),
+      importStyle: 'css',
+      directives: true,
+      ...options,
+    }
+    return optionsResolved
   }
 
   return [
     {
       type: 'component',
-      resolve: (name: string) => {
-        return resolveComponent(name, optionsResolved)
+      resolve: async(name: string) => {
+        return resolveComponent(name, await resolveOptions())
       },
     },
     {
       type: 'directive',
-      resolve: (name: string) => {
-        return resolveDirective(name, optionsResolved)
+      resolve: async(name: string) => {
+        return resolveDirective(name, await resolveOptions())
       },
     },
   ]

src/core/utils.ts

@@ -1,8 +1,13 @@
 import { parse } from 'path'
+import fs from 'fs'
 import minimatch from 'minimatch'
 import resolve from 'resolve'
 import { ResolvedConfig } from 'vite'
 import { slash, toArray } from '@antfu/utils'
+import {
+  isPackageExists,
+  getPackageInfo,
+} from 'local-pkg'
 import { ComponentInfo, ResolvedOptions, ImportInfo } from '../types'
 import { Context } from './context'
 import { DISABLE_COMMENT } from './constants'
@@ -146,10 +151,16 @@ export function resolveAlias(filepath: string, alias: ResolvedConfig['resolve'][
   return result
 }
 
-export function getPkgVersion(pkgName: string, defaultVersion: string): string {
+export async function getPkgVersion(pkgName: string, defaultVersion: string): Promise<string> {
   try {
-    /* eslint-disable @typescript-eslint/no-var-requires */
-    return require(`${pkgName}/package.json`).version
+    const isExist = isPackageExists(pkgName)
+    if (isExist) {
+      const pkg = await getPackageInfo(pkgName)
+      return pkg?.version ?? defaultVersion
+    }
+    else {
+      return defaultVersion
+    }
   }
   catch (err) {
     console.error(err)