Namespacing Models in Choo

main.js

const choo = require('choo');

const app = choo();

app.model(require('./model-things'));
app.model(require('./model-stuff'));

const view = (state, prev, send) => html`
  <main>
    <button onclick=${e => send('things:notGood')}>things aren't good</button>
    <button onclick=${e => send('stuff:notBad')}>stuff isn't bad</button>
  </main>
`;

app.router((route) => [
  route('/', view)
]);

const tree = app.start();
document.body.appendChild(tree);

model-stuff.js

module.exports = {
  namespace: 'stuff',
  state: {
    bad: true
  },
  reducers: {
    notBad: (data, state, send, prev) => {
      { bad: false }
    }
  }
}

model-things.js

module.exports = {
  namespace: 'things',
  state: {
    good: true
  },
  reducers: {
    notGood: (data, state, send, prev) => {
      { good: false }
    }
  }
}