summaryrefslogtreecommitdiff
path: root/examples/framework-lit/src/components/Counter.js
diff options
context:
space:
mode:
Diffstat (limited to 'examples/framework-lit/src/components/Counter.js')
-rw-r--r--examples/framework-lit/src/components/Counter.js44
1 files changed, 22 insertions, 22 deletions
diff --git a/examples/framework-lit/src/components/Counter.js b/examples/framework-lit/src/components/Counter.js
index 063d338e4..35fa8dbbb 100644
--- a/examples/framework-lit/src/components/Counter.js
+++ b/examples/framework-lit/src/components/Counter.js
@@ -3,32 +3,32 @@ import { LitElement, html } from 'lit';
export const tagName = 'my-counter';
class Counter extends LitElement {
- static get properties() {
- return {
- count: {
- type: Number,
- },
- };
- }
+ static get properties() {
+ return {
+ count: {
+ type: Number,
+ },
+ };
+ }
- constructor() {
- super();
- this.count = 0;
- }
+ constructor() {
+ super();
+ this.count = 0;
+ }
- increment() {
- this.count++;
- }
+ increment() {
+ this.count++;
+ }
- render() {
- return html`
- <div>
- <p>Count: ${this.count}</p>
+ render() {
+ return html`
+ <div>
+ <p>Count: ${this.count}</p>
- <button type="button" @click=${this.increment}>Increment</button>
- </div>
- `;
- }
+ <button type="button" @click=${this.increment}>Increment</button>
+ </div>
+ `;
+ }
}
customElements.define(tagName, Counter);