tuxi-vuex.js

import tuxi from 'tuxi'
import Vuex from 'vuex'
import Vue from 'vue'
import api from './api'

Vue.use(Vuex)

const store = new Vuex.Store({
  strict: true, // tuxi works in strict mode!
  
  state: {
    articles: [],
    articlesTask: tuxi.task(api.fetchArticles)
  },

  mutations: {
    SET_ARTICLES(state, articles) {
      state.articles = articles
    }
  },

  actions: {
    async articles({ commit, state }) {
      const articles = await state.articlesTask.start()
      commit('SET_ARTICLES', articles)
    }
  }
})

tuxi.config.vuexStore = store
// Now you can access $store.state.articlesTask in your components to look at the task's state