MobX @observer decorator for LitElement
npm install mobx-lit-elementAnd then simply decorate your custom elements:
~~~js
import { LitElement, html, customElement } from 'lit-element'
import { observer } from 'mobx-lit-element'
import userStore from './user-store'
@customElement('simple-greeting') ${greeting}, ${userStore.currentUser.name}!
@observer
export class SimpleGreeting extends LitElement {
static get properties () {
return {
greeting: { type: String }
}
}
render () {
return html;
}
}
~~~
__Note:__ It's not possible to use both MobX decorators and LitElement's @property decorator. LitElement uses the newer decorator proposal, which is not supported by MobX (see https://mobx.js.org/best/decorators.html#enabling-decorator-syntax).