VueLocalStorage
LocalStorage plugin inspired by Vue typed props which take a care of typecasting for Vue.js 1 and 2 with SSR support.
Install
npm install vue-localstorage --save
or
bower install vue-localstorage
Usage
import VueLocalStorage from 'vue-localstorage'
Vue.use(VueLocalStorage)
// Or you can specify any other name and use it via this.$ls, this.$whatEverYouWant
Vue.use(VueLocalStorage, {
name: 'ls',
bind: true //created computed members from your variable declarations
})
// Use localStorage from Vue object
Vue.localStorage.set('someNumber', 123)
Vue.localStorage.get('someNumber')
// Fallback value if nothing found in localStorage
Vue.localStorage.get('propertyThatNotExists', 'fallbackValue') // Will return 'fallbackValue' string
// Default type if value isn't registered in localStorage section
Vue.localStorage.get('property', null, Number)
//register localStorage variables and adds computed variables to local components
//to be used like regular computeds that are stored in the localstorage
var vm = new Vue({
localStorage: {
someObject: {
type: Object,
default: {
hello: 'world'
}
},
someNumber: {
type: Number,
},
someBoolean: {
type: Boolean
},
stringOne: '',
stringTwo: {
type: String,
default: 'helloworld!'
},
stringThree: {
default: 'hello'
}
},
methods: {
someMethod () {
let lsValue = this.$localStorage.get('someObject')
this.$localStorage.set('someBoolean', true)
this.$localStorage.remove('stringOne')
}
}
})
![[0.4.1] Uncaught TypeError: __webpack_require__.i is not a function](https://avatars.githubusercontent.com/u/568207?v=4)
So could you please give me some examples about how to use it in SSR?
My code is just like this:
![Allow setting namespace for localStorage keys [close #26]](https://avatars.githubusercontent.com/u/4221449?v=4)
3.4k Dec 30, 2022
2.3k Nov 26, 2022
21.5k Jan 1, 2023
602 Nov 30, 2022
5 Oct 31, 2022
4 Jan 8, 2023
19 Sep 30, 2022
819 Dec 8, 2022
2.9k Dec 16, 2022
15 Sep 10, 2021
21 Jan 5, 2023
16 Dec 6, 2022
3 Jul 8, 2022
64 Dec 16, 2022
3 Sep 21, 2022
82 Jan 8, 2023
65 Nov 2, 2022
2k Dec 8, 2022
2 Jan 6, 2022
7 Oct 14, 2022