Packages

live_state

0.7.1
0.9.0 0.8.2 0.7.2 0.7.1 0.7.0 0.6.2 0.6.1 0.6.0 0.5.0 0.3.2 0.3.1 0.3.0 0.2.0

A package to manage web application state

HexDocs

Current section

Files

Jump to
Readme
13 Versions
3 Dependencies
Dependants
Files
Activity
live_state priv templates custom-element.ts
Raw

priv/templates/custom-element.ts 

import { LitElement, html } from "lit";

import { customElement, property, state } from "lit/decorators.js";

import { liveState, liveStateConfig } from 'phx-live-state';



@customElement('<%= tag_name %>')

@liveState({

  topic: '<%= channel_name %>:all'

})

export class <%= element_class %> extends LitElement {



  @liveStateConfig('url')

  @property()

  url: string = '';



  render() {

    return html`<h1>Hello there!</h1>`

  }

}