一个前端库只给出了基于用 script 标签引入自己的 js 文件的安装方法我该如何在 .vue 文件中使用这样的库？

比如我现在遇到的 cal-heatmap： https://cal-heatmap.com/

我想用它做个热力图，就 Github 贡献图那种。在介绍如何安装的文档中没有 npm，我自己用 npm + calheatmap 搜索搜到了，也用 npm 装了，但是它使用的样例：

<div id="cal-heatmap"></div> <script type="text/Javascript"> var cal = new CalHeatMap(); cal.init({}); </script> 

这肯定是没法直接用在 .vue 文件里的，

我试图这样在 .vue 文件中使用：

<script> import * as ch from "cal-heatmap"; export default { name: "friend", created() { var cal = new ch.CalHeatMap(); cal.init({}); } } </script> 

项目启动后在控制台得到这样的报错：

vue.esm.js?a026:628 [Vue warn]: Error in created hook: "TypeError: cal_heatmap__WEBPACK_IMPORTED_MODULE_0__.CalHeatMap is not a constructor" found in ---> <Friend> <App> at src/App.vue <Root> 

请问这样的库该如何利用？背后的逻辑是什么呢？谢谢