@dineug/lit-observable v0.1.25

lit-observable

lit-html + reactive

Document

• example

Install

$ yarn add @dineug/lit-observable
or
$ npm install @dineug/lit-observable

Usage

import { defineComponent, html, observable } from '@dineug/lit-observable';

defineComponent('my-counter', {
  render() {
    const state = observable({ count: 0 });

    const onIncrement = () => {
      state.count++;
    };

    return () => html`
      <button @click=${onIncrement}>Increment</button>
      <span>${state.count}</span>
    `;
  },
});

const myCounter = document.createElement('my-counter');
document.body.appendChild(myCounter);