vue-local-storage.js

        Vue.component('local-storage', {
            props: ['value', 'key'],
            template: `<div></div>`,
            mounted(){
                if(!localStorage[this.$props.key])
                        return;
                var str = JSON.stringify(this.$props.value);
                if(str != localStorage[this.$props.key])
                    this.$emit('input', JSON.parse(localStorage[this.$props.key]))
            },
            watch: { 
                value: {
                    deep: true,
                    handler(newVal, oldVal) { // watch it
                        console.log(newVal);
                        if(!this.updater) {
                            this.updater = () => {
                                console.log(this.$props.key);
                                localStorage[this.$props.key] = JSON.stringify(this.$props.value);
                                this.updater = null;
                            }
                            setTimeout(() => this.updater(), 1000);
                        }
                    }
                }
            }
        })