vue-plugin-load-script
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.1 • Public • Published

    vue-plugin-load-script license

    A Vue plugin for injecting remote scripts.

    Compatible with Vue 3.

    For Vue 2, see the master branch.

    Install

    # npm
    npm install --save vue-plugin-load-script@^2.x.x
    # yarn
    yarn add vue-plugin-load-script@^2.x.x

    If you're using the Options API:

      // main.js
      import { createApp } from "vue";
      import LoadScript from "vue-plugin-load-script";
    
      const app = createApp(App);
      app.use(LoadScript);
    
      app.mount("#app");

    Use

      // Composition API
      import { loadScript } from "vue-plugin-load-script";
      loadScript("https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY")
        .then(() => {
          // Script is loaded, do something
        })
        .catch(() => {
          // Failed to fetch script
        });
    
      // Options API
      this.$loadScript("https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY")
        .then(() => {
          // Script is loaded, do something
        })
        .catch(() => {
          // Failed to fetch script
        });

    If you'd like to remove (unload) the script at any point, then call the companion method unloadScript / this.$unloadScript with the same URL.

      // Composition API
      import { unloadScript } from "vue-plugin-load-script";
      unloadScript("https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY")
        .then(() => {
          // Script was unloaded successfully
        })
        .catch(() => {
          // Script couldn't be found to unload; make sure it was loaded and that you passed the same URL
        });
    
      // Options API
      this.$unloadScript("https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY")
        .then(() => {
          // Script was unloaded successfully
        })
        .catch(() => {
          // Script couldn't be found to unload; make sure it was loaded and that you passed the same URL
        });

    In most situations, you can just call unloadScript / this.$unloadScript and ignore the returned promise.

    Keywords

    none

    Install

    npm i vue-plugin-load-script

    DownloadsWeekly Downloads

    18,851

    Version

    2.1.1

    License

    MIT

    Unpacked Size

    5.27 kB

    Total Files

    5

    Last publish

    Collaborators

    • tserkov