VSCode snippet to create a skeleton Web Component using lit-html for rendering

javascript.json

{
	"Create lit-html Web Component Skeleton": {
		"prefix": "webc",
		"body": [
			"import {html, render} from 'lit-html';",
			"",
			"export default class ${1:AppComponent} extends HTMLElement {",
			"    constructor() {",
			"        super();",
			"    }",
			"",
			"    connectedCallback() {",
			"        this.template = () => html`",
			"        ",
			"        `;",
			"        ",
			"        this.init();",
			"    }",
			"",
			"    async init() {",
			"        this.render();",
			"    }",
			"",
			"    async render() {",
			"        if(!this.template)",
			"            return;",
			"",
			"        render(this.template(), this);",
			"    }",
			"}",
			"",
			"customElements.define('${2:app-component}', ${1:AppComponent});"
		],
		"description": "Create a blank web component skeleton"
	}
}