<hello-world>
<input data-target="hello-world.name" type="text">
<button data-action="click:hello-world#greet">
Greet
</button>
<span data-target="hello-world.output">
</span>
</hello-world>
import { controller, target } from "@github/catalyst"
@controller
class HelloWorldElement extends HTMLElement {
@target name: HTMLElement
@target output: HTMLElement
greet() {
this.output.textContent = `Hello, ${this.name.value}!`
}
}