diff options
Diffstat (limited to 'assets/components')
| -rw-r--r-- | assets/components/code-run.js | 13 | ||||
| -rw-r--r-- | assets/components/site-greeting.js | 10 |
2 files changed, 23 insertions, 0 deletions
diff --git a/assets/components/code-run.js b/assets/components/code-run.js new file mode 100644 index 0000000..5ee35de --- /dev/null +++ b/assets/components/code-run.js @@ -0,0 +1,13 @@ +import { define, BaseElement, reactive } from "shared" + +class CodeRun extends BaseElement { + connectedCallback() { + this.state = reactive({ open: false }, () => this.render()) + super.connectedCallback() + } + render() { + this.toggleAttribute('open', this.state.open) + } +} + +define("code-run", CodeRun)
\ No newline at end of file diff --git a/assets/components/site-greeting.js b/assets/components/site-greeting.js new file mode 100644 index 0000000..c224132 --- /dev/null +++ b/assets/components/site-greeting.js @@ -0,0 +1,10 @@ +import { BaseElement } from "../lib/shared.js" + +class SiteGreeting extends BaseElement { + connectedCallback() { + const name = this.getAttribute('name') || 'world' + this.textContent = `Hello, ${name}!` + } +} + +define('site-greeting', SiteGreeting) |
