radyushin

Vue local storage

The Vue plugin for work with LocalStorage from Vue context

Version Version: 0.1.3 Version Updated: 06/06/2021 By: radyushin License: MIT

DownloadsLast30Days: 277

https://github.com/radyushin/vue-localstorage

npm i vue-local-storage
yarn add vue-local-storage

vue-localstorage

The Vue plugin for work with LocalStorage from Vue context, with cookie fallback.

Introduction

vue-localstorage is wrapper for work with the Storage interface of the Web Storage API.

If localStorage is not available, such as in Safari Incognito mode, then cookie will be used.

Notice that max cookie size is around 4kb.

Development Setup

# install deps
yarn install

# build dist files
yarn compile

# run tests
yarn run test

Usage

This is looks like work with the Web Storage API.

    new Vue({
        el: '#app',
        mounted: function() {
            this.$localStorage.set('foo', 'boo');
            // also, you can set expire for item
            this.$localStorage.set('foo', 'boo', 60 * 60 * 1000); // set an expiry of item at 1 hour
            this.$localStorage.set('foo', 'boo', 0); // endless item
            this.$localStorage.get('foo'); // get foo value
            this.$localStorage.remove('foo');
        }
    });

Donation

If this project help you reduce time to develop, you can give me a cup of coffee :)

paypal

Categories: UtilitiesStorage