Estoy creando un componente web HTML en JavaScript. Sin embargo, cuando empiezo a escribir el HTML en él, las sugerencias y las terminaciones no funcionan. A continuación se muestra el código:

 class CardComponent extends LitElement { render() { return html` <div class="card"> <h2>Title</h2> <p>11.12.2021</p> <p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p> </div> <style> .card { width:400px; bordr:2px solid red; padding:10px; } </style> ` } }

Tuve que escribir todo el HTML manualmente, excepto las llaves que se cierran solas. Además, las etiquetas de esta parte no estaban codificadas por colores en el IDE.

¿Cómo habilito las sugerencias y la finalización automática?