vue-data-stash

Save component data for rainy day

What?

This small mixin allows you to define stashable data in your components i.e. data that will be saved until next time when component will be used.

Why?

I'm bored to write localStorage.setItem for every time I need to save some data.

Install

Install via NPM:

npm install vue-data-stash

Add it globally:

1import VueDataStash from 'vue-data-stash'
2
3Vue.use(VueDataStash)

Or in a single component:

1import { mixin } from 'vue-data-stash'
2
3export default {
4  mixins: [mixin]
5}

Usage

Just add stash property like it's just data:

1export default {
2  name: 'MyComponent',
3  stash: () => ({
4    activeId: true
5  })
6}

NOTE: Name for localStorage is based on the name option