将CloudKit JS添加到Vue项目

到目前为止,我试着把下面的 main.js

var fetch = require('node-fetch')
var CloudKit = require("./cloudkit.js")

CloudKit.configure({
  services: {
    fetch: fetch
  },
  containers: [{
    containerIdentifier: '...',
    apiToken: '...',
    environment: 'development'
  }]
})

这给了我cloudkit.js中的一个脚本错误:

类型错误:无法读取未定义的属性“ArrayBuffer”

所以我读了 this SO post 试过这个 App.vue :

export default {
  name: 'App',
  components: {
    'master': Master
  },
  mounted() {
    let CloudKit = document.createElement('script')
    CloudKit.setAttribute('src', 'https://cdn.apple-cloudkit.com/ck/2/cloudkit.js')
    document.head.appendChild(CloudKit)
  }
}

然后我可以配置CloudKit并在内部使用它 ,但我不清楚如何使CloudKit在所有组件中都可用,而不必像在 mounted()

如何导入CloudKit并使其在我的Vue应用程序中全局可用?