class Basic extends StacheElement {
static view = `
<in-put inputValue:bind="this.first" handler:from="this.setFirst"></in-put>
<in-put inputValue:bind="this.last" handler:from="this.setLast"></in-put>
<p>{{this.fullName}}</p>
`;
static props = {
first: { type: String, default: "Kevin" },
last: { type: String, default: "McCallister" }
};
get fullName() {
return `${this.first} ${this.last}`;
}
setFirst(val) {
this.first = val;
}
setLast(val) {
this.last = val;
}
}
customElements.define("basic-app", Basic);
#59