From aabbb09c89d098ddf9facf13492e1f04f76118e9 Mon Sep 17 00:00:00 2001 From: Ayo Date: Fri, 17 Nov 2023 16:08:25 +0100 Subject: [PATCH] feat: better example to show observed attrs are only smallcase --- demo/BooleanPropTest.mjs | 5 +++-- demo/index.html | 4 ++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/demo/BooleanPropTest.mjs b/demo/BooleanPropTest.mjs index 6898cbb..aa91e7b 100644 --- a/demo/BooleanPropTest.mjs +++ b/demo/BooleanPropTest.mjs @@ -2,15 +2,16 @@ import WebComponent from "../src/WebComponent.js"; export class BooleanPropTest extends WebComponent { isInline = false; + anotherone = false; - static properties = ["is-inline"]; + static properties = ["is-inline", "anotherone"]; onChanges(changes) { console.log(">>> boolean prop test", changes); } get template() { - return `${this.isInline}`; + return `

is-inline: ${this.isInline}

another-one: ${this.anotherone}

`; } } diff --git a/demo/index.html b/demo/index.html index 3f61b0a..4a62c82 100644 --- a/demo/index.html +++ b/demo/index.html @@ -11,10 +11,10 @@

- +

- +