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


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


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


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


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


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


Categories: UtilitiesStorage