@polight/lego/example/bricks/x-test.html

Tiny Web-Components lib for future-proof HTML mentors

<template>
  <button @click="increment">Increment!</button>
  <p>Count: ${state.count}</p>
  <input :value="state.count">
</template>

<script>
  import store from "./store.js"

  export default class extends Lego {
    useShadowDOM = false

    init() {
      store.subscribe(this, ["count"])
    }

    increment(method) {
      this.render({ count: this.state.count + 1 })
    }
  }
</script>