vue connect

.js

import cloneDeep from 'lodash/cloneDeep';
import Session from 'awv3/session';

// Create & export session
export const session = window.session = new Session({ material: 'multi' });
// Export store
export const store = session.store;

// Mixin factory. Maps Redux props to Vue components
export const connect = (selector, props) => {
    let state = undefined;
    return {
        data: () => ({ state: { } }),
        created() {
            state = selector(store.getState(), this);
            this.state = Object.keys(state).reduce((prev, key, index) =>
                ({ ...prev, [key]: cloneDeep(state[key]) }), {})
            this.unsubscribe = store.subscribe(() => {
                let next = selector(store.getState(), this);
                Object.keys(state).forEach(key => {
                    if (state[key] !== next[key]) {
                        this.$set(`state.${key}`, cloneDeep(next[key]));
                    }
                });
                state = next;
            });
        },
        beforeDestroy() {
            this.unsubscribe();
        }
    }
}