JSPM

vue-browserupdate

1.2.0
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 436
    • Score
      100M100P100Q94449F
    • License MIT

    Vue wrapper for 'browser-update' package

    Package Exports

    • vue-browserupdate

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-browserupdate) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Vue-BrowserUpdate

    VueJS wrapper for "browser update" package. Used to expose show, click and close events mainly.

    Table of Contents

    Requirements

    • npm
    • VueJS
    • Node

    Install

    $ npm install --save vue-browserupdate

    Getting Started

    The Vue plugin must be initialized by your vue App. You should import it in your main .js file

    import VueBrowserUpdate from 'vue-browserupdate';

    Then you just use the plugin by calling the Vue.use method.

    Vue.use(VueBrowserUpdate);

    Usage

    You still can pass options to browserupdate when calling the Vue.use method.

    Vue.use(VueBrowserUpdate, {
        options: {
            // Your browser update options
            container: document.body,
        },
    });

    You can view the full options here: http://browser-update.org/customize.html

    Pass a test key to enable the testing mode.

    Vue.use(VueBrowserUpdate, {
        options: {
            // Your browser update options
        },
        test: true,
    });

    The plugin adds to the Vue object the object 'browserUpdate' that includes 3 functions. The onshow, onclick and onclose requires you to pass a function.

    Vue.browserUpdate.onshow(() => {
        // The browser update modal is visible...
    });