Nukem's Possible Manifestation

    vue-reactive-cookie

    1.0.4 • Public • Published

    vue-reactive-cookie

    A Vue.js reactive cookie plugin

    Install

    You can install this plugin via yarn or via npm

    $ yarn add vue-reactive-cookie
    $ npm install --save vue-reactive-cookie

    Basic example

    <div id="element">
        <p>{{ message }}</p>
        
        <input type="text" v-model="message">
        
        <button type="button" v-on:click="forgetMessage">Forget the message</button>
    </div>
    // Also, you could use es6 import
    const VueReactiveCookie = require('vue-reactive-cookie');
     
    Vue.use(VueReactiveCookie);
     
    new Vue({
      el: '#element',
      
      computed: {
        message: {
          get: function () {
            return this.$cookies.message || null;
          },
          
          set: function (value) {
            this.$setCookie('message', value, { expires: 365 });
          },
        },
      },
      
      methods: {
        forgetMessage: function () {
          this.$removeCookie('message');
        },
      },
    });

    Available methods

    $setCookie(name, value, options)

    Creates a cookie. The list of available options are here: github.com/js-cookie/js-cookie#cookie-attributes

    $removeCookie(name)

    Removes a cookie.

    Keywords

    none

    Install

    npm i vue-reactive-cookie

    DownloadsWeekly Downloads

    231

    Version

    1.0.4

    License

    MIT

    Last publish

    Collaborators

    • pbelyaev