Simple state management for Vue.js using Vue observable.

Store.js

/**
 * Simple state management for Vue.js.
 *
 * @plugin
 * @example
 * new Store({ 
 *   form: {
 *     state: {
 *       searchText: '',
 *     },
 *     getters: {},
 *     actions: {},
 *   }
 * });
 *
 * {
 *   computed: {
 *     searchText() {
 *       return this.$store.form.state.searchText,
 *     },
 *   },
 * }
 */
class Store {
    constructor(obj) {
        this.hydrateStore(obj);

        Vue.prototype.$store = this;
    }

    hydrateStore(obj) {
        for (const k in obj) {
            this[k] = {
                state: Vue.observable(obj[k].state || {}),
                getters: obj[k].getters || {},
                actions: obj[k].actions || {},
            };
        }
    }
};