如何将 vue-chartjs 与 unplugin-vue-components 一起使用？

Question

我尝试使用

unplugin-vue-components

自动从

vue-chartjs

导入 Vue 组件，但我不知道如何实现。

我在

unplugin-vue-components

文档中找到了这个：

您还可以快速编写自己的解析器：

Components({
  resolvers: [
    // example of importing Vant
    (componentName) => {
      // where `componentName` is always CapitalCase
      if (componentName.startsWith('Van'))
        return { name: componentName.slice(3), from: 'vant' }
    },
  ],
})

但是由于

vue-chartjs

中的组件没有通用前缀，例如

CBar

或

ChartBar

，我不知道如何配置

unplugin-vue-components

。

Answer 1

这将从

Bar

导入以

'vue-chartjs'

结尾的模板中找到的所有未定义组件：

  Components({
    resolvers: [
      name => { 
        if (name.endsWith('Bar'))
          return { name, from: 'vue-chartjs' }
      },
      // other resolvers...
    ]
  })