This is just a fun demo playing around, but very simple to implement with the browser's built-in reactivity. The curly brackets in the code snippet below is a McFly thing to initialize the value server-side.
You can try this now with npm create mcfly@latest
<my-hello-world id="my-hello" data-name="{{name}}"></my-hello-world>
<input
onkeyup="document.getElementById('my-hello').setAttribute('data-name', this.value)"
placeholder="Type your name here"
/>
Add comment