varlet-ui组件自动导入样式，添加ImagePreview

[wtto00]

varlet-ui组件库，组件ImagePreview
https://varlet.gitee.io/varlet-ui/#/zh-CN/image-preview

Description

vite+vue3项目中，varlet-ui组件库不能自动导入组件ImagePreview

// vite.config.ts
import autoImport from 'unplugin-auto-import/vite';
import { VarletUIResolver } from 'unplugin-vue-components/resolvers';

export default defineConfig({
  plugins: [
    autoImport({
      resolvers: [VarletUIResolver({ autoImport: true })],
      eslintrc: { enabled: true },
    })
  ]
});

Linked Issues

Additional context

可以通过下面配置暂时解决：

// vite.config.ts
import autoImport from 'unplugin-auto-import/vite';
import { VarletUIResolver, getResolved } from 'unplugin-vue-components/resolvers';

export default defineConfig({
  plugins: [
    autoImport({
      resolvers: [
        VarletUIResolver({ autoImport: true }),
        [(name: string) => (name === 'ImagePreview' ? getResolved('ImagePreview', { autoImport: true }) : undefined)]
      ],
      eslintrc: { enabled: true },
    })
  ]
});