25 lines
486 B
JavaScript
25 lines
486 B
JavaScript
import { LitElement, html } from 'lit-element';
|
|
|
|
import { MyCounter } from './src/MyCounter.js';
|
|
import './my-counter.js';
|
|
|
|
class TenCounter extends MyCounter {
|
|
inc() {
|
|
this.count += 10;
|
|
}
|
|
}
|
|
customElements.define('ten-counter', TenCounter);
|
|
|
|
class MyApp extends LitElement {
|
|
render() {
|
|
return html`
|
|
<h1>Example App</h1>
|
|
<hr />
|
|
<my-counter></my-counter>
|
|
<hr />
|
|
<ten-counter></ten-counter>
|
|
`;
|
|
}
|
|
}
|
|
|
|
customElements.define('my-app', MyApp);
|