Moved

This module has moved and is now available at @vuerd/lit-observable. Please update your dependencies. This repository is no longer maintained.

lit-observable

lit-html + reactive

Document

• Example
  • simple
  • erd-editor

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);