useStore.js

import { createStore, getKeys, emit } from './createStore.js'

const store = {
  color: 'red',
  text: 'default text',
  todos: [
    'make an async store',
    'publish medium article'
  ],
  loading: false
}

export const keys = getKeys(store)

const actions = {
  setColor(c){
    store.color = c
    return(keys.color)
  },
  setTextandColor(t,c){
    store.text = t
    let ks = this.setColor(c)
    return([keys.text, ks])
  },
  addTodo(t){
    store.todos.push(t)
    return(keys.todos)
  },
  async delayedSetColor(c){
    store.loading = true
    emit(keys.loading)
    await new Promise(resolve => setTimeout(resolve, 1000))
    store.color = c
    store.loading = false
    return([keys.color, keys.loading])
  }
}

export const useStore = createStore(store, actions)