euvl/vue-js-toggle-button

How can i use this with the cdn inside the simple Html website?

usamamashkoor opened this issue · 4 comments

usamamashkoor commented

Hi, I want to add this inside my simple HTML website using CDN, how can I do that I can not seem to find any CDN URL.

Kindly let me know.

Thanks

abulka commented

This is page with a cdn url
https://www.jsdelivr.com/package/npm/vue-js-toggle-button?tab=collection
but not sure how to import and Vue.use(ToggleButton) it?

trush44 commented

Also wondering how to use the Component in a simple HTML page. I don't have the ability 'import' due to the software I'm integrating with. With the BootstrapVue components they "just work" as long as I reference the js/css URLs, but this one I can't figure out how to render the components.

joelnordell commented

@usamamashkoor you can do it like this:

<head>
   ... your other scripts here ...
   <script src="//cdn.jsdelivr.net/npm/vue-js-toggle-button@1.3.3"></script>
</head>

And then before you construct your Vue application, add this:

window['vue-js-toggle-button'].default.install(Vue);
  • 👍3
  • 🎉1
  • ❤️2
djdance commented

... or you can use this call

Vue.use(window['vue-js-toggle-button'].default)