eduplessis

ayo, 7 months ago (edited 7 months ago) to random

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"  
/>  

eduplessis, 7 months ago to random

Is it me or https://mozilla.social/public is using #nuxt and #elk