choo-shortcache/example/node_modules/nanocomponent/test/browser/simple.js

choo nanocomponent cache shortcut

var Nanocomponent = require('../../')
var html = require('nanohtml')

module.exports = SimpleComponent

function SimpleComponent (name) {
  if (!(this instanceof SimpleComponent)) return new SimpleComponent(name)
  this.name = name
  this.color = null
  Nanocomponent.call(this)
}

SimpleComponent.prototype = Object.create(Nanocomponent.prototype)

SimpleComponent.prototype.createElement = function (color) {
  this.color = color || 'blue'
  return html`
      <div>
        <p class="name">${this.name}</p>
        <p class="color">${this.color}</p>
      </div>
    `
}

SimpleComponent.prototype.update = function (color) {
  return this.color !== color
}