vue-local-storage
The Vue plugin for work with LocalStorage from Vue context, with cookie fallback.
Introduction
vue-local-storage 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 test
Installation
yarn add vue-local-storage
Usage
This is looks like work with the Web Storage API.
import Vue from 'vue';
import VueLocalStorage from 'vue-local-storage';
Vue.Use(VueLocalStorage);
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');
}
});
You can use it directly from Vue.prototype as well:
Vue.localStorage.set('bar', 'baz');
Vue.localStorage.remove('bar');
Donation
If this project help you reduce time to develop, you can give me a cup of coffee :)
24 Apr 22, 2020
532 Jan 7, 2023
16 Nov 24, 2022
0 May 10, 2018
1 Jan 28, 2020
0 May 25, 2021
669 Nov 29, 2022
119 Dec 15, 2022
84 Feb 11, 2022
20 Jul 27, 2022
2 Sep 28, 2021
28 Jul 31, 2022
2 Sep 28, 2022
159 Dec 26, 2022
42 Mar 14, 2022
1 Jun 29, 2022
5 Nov 25, 2021
4 Dec 14, 2022
532 Jan 7, 2023
669 Nov 29, 2022
84 Feb 11, 2022
2 Sep 28, 2021
28 Jun 21, 2022
1 Jun 17, 2020
85 Nov 24, 2021
60 Nov 21, 2022
80 Oct 24, 2022
169 Nov 3, 2022