diff options
author | 2021-07-13 08:27:40 -0400 | |
---|---|---|
committer | 2021-07-13 08:27:40 -0400 | |
commit | 48851c9d256b78c8e99e72d91ed98209a6a99e93 (patch) | |
tree | 19b4f4b293d4b569851a2d2531187415e13137d1 /examples/framework-lit/src/components/Counter.js | |
parent | 1b13f5c158b5fbe157406308205c0939b415e1d7 (diff) | |
download | astro-48851c9d256b78c8e99e72d91ed98209a6a99e93.tar.gz astro-48851c9d256b78c8e99e72d91ed98209a6a99e93.tar.zst astro-48851c9d256b78c8e99e72d91ed98209a6a99e93.zip |
Adds support for a Lit renderer (#665)
* Adds support for a Lit renderer
This adds `@astrojs/renderer-lit`. An experimental Lit renderer.
* Removed cached submodule, mistake
* Prevent globals clobbering
* Add docs on globals
Diffstat (limited to 'examples/framework-lit/src/components/Counter.js')
-rw-r--r-- | examples/framework-lit/src/components/Counter.js | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/examples/framework-lit/src/components/Counter.js b/examples/framework-lit/src/components/Counter.js new file mode 100644 index 000000000..c901096d5 --- /dev/null +++ b/examples/framework-lit/src/components/Counter.js @@ -0,0 +1,34 @@ +import { LitElement, html } from 'lit'; + +export const tagName = 'my-counter'; + +class Counter extends LitElement { + static get properties() { + return { + count: { + type: Number + } + }; + } + + constructor() { + super(); + this.count = 0; + } + + increment() { + this.count++; + } + + render() { + return html` + <div> + <p>Count: ${this.count}</p> + + <button type="button" @click=${this.increment}>Increment</button> + </div> + `; + } +} + +customElements.define(tagName, Counter);
\ No newline at end of file |