Creé un elemento personalizado que quiero usar en una extensión de Chrome.

Cuando inicializo el componente así, funciona bien:

 <my-component name="Jane"></my-component>

La salida en pantalla es "Hola Jane".

Pero cuando trato de actualizar el nombre desde la consola, no funciona:

 var mc = document.querySelector('my-component'); mc.name = 'John';

La salida sigue siendo "Hola Jane".

Intenté esto en un archivo HTML simple y funcionó según lo previsto, el resultado cambió a "Hola John".

Construí el componente usando Svelte ( https://svelte.dev/docs#Custom_element_API ).