Multiple choo components on a page

Just was futzing around with testing and realized that since choo controls it’s domain via the addition of #choo-root on the element and the fact that everything is initialized and kept in the choo closure, it makes it impossible to have more than one choo component per page.

IMO it would be ideal if you could create multiple choo-owned objects per page, each with their own model and part of the DOM (you could add a data attribute with a randomized id and move choo into a “factory” of sorts (either through new or returning an Object.create etc)

[toddself]

#52 resolves the final question in this thread 😃

[toddself]

Ah!

Upon closer inspection, you need to do:

const app1 = choo()
const app2 = choo()
app1.start({name: 'app1'})
app2.start({name: 'app2'})

Passing in just the string as the name does not work there, but it might be more discoverable if it did? Or perhaps it should be an argument when you’re invoking choo like @timwis has in his example?