Nanux

import { Store } from "nanux"
 
const store = new Store({
  state: 1,
  actions: {
    plus: (state, value) => state + value
  }
})

const store = new Store({
  state: {
    a: 1,
    b: 2
  }
})
 
store.getState() // => { a: 1, b: 2 }

store.dispatch("plus", 5) // => 6

const cb = store.subscribe((newState, oldState) => {
  console.log('Old state', oldState)
  console.log('New state', newState)
}
 
store.unsubscribe(cb)

const store = new Store({
  state: 1,
  actions: {
    plus: (state, value) => state + value,
    minus: (state, value) => state - value
  },
  middlewares: [
    ({ action, payload }) => ({
      action: "minus",
      payload
    })
  ]
})
 
store.dispatch("plus", 5) // => -4

const store = new Store({
  state: 1,
  actions: {
    plus: (state, val) => new Promise(res => setTimeout(res, 1000, val + 1))
  },
  middlewares: [
    ({ action, payload }) =>
      new Promise(res => setTimeout(res, 1000, { action, payload }))
  ]
})

const store = new Store({
  state: {
    isFetching: false,
    items: []
  },
  actions: {
    setFetching: (state, isFetching) => ({ ...state, isFetching }),
    loadItems (state, _, { dispatch }) => {
      dispatch('setFetching', true)
      return fetch('/items').then(res => {
        dispatch('setFetching', false)
        return { ...state, items: res.body }
      })
    }
  }
})

import Vue from "vue"
import VueNanux from "nanux/mixins/vue"
 
Vue.use(VueNanux)

import { moduleA, moduleB } from "./stores"
 
export default {
  stores: {
    moduleA,
    moduleB
  }
}

this.$store.moduleA.state
this.$store.moduleA.dispatch("foo", "bar")