mirror of
https://github.com/withastro/astro.git
synced 2025-01-23 02:51:53 -05:00
Added LitCounter.js
This commit is contained in:
parent
d107b04c42
commit
61f438fdcb
1 changed files with 33 additions and 0 deletions
33
examples/framework-multiple/src/components/LitCounter.js
Normal file
33
examples/framework-multiple/src/components/LitCounter.js
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
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);
|
Loading…
Reference in a new issue