From 72925d2dfb439e2577cb4942d6693a570815e80c Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 6 Nov 2023 16:17:21 +0100
Subject: [PATCH] feat(demo): magic reactivity input

---
 site/src/pages/demo.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/site/src/pages/demo.html b/site/src/pages/demo.html
index 7359455..ae8f83b 100644
--- a/site/src/pages/demo.html
+++ b/site/src/pages/demo.html
@@ -46,7 +46,11 @@
       >
         <a href="/demo/about">{{ count }}</a>
         <div>
-          <my-hello-world data-name="{{name }}"></my-hello-world>
+          <my-hello-world id="my-hello" data-name="{{name }}"></my-hello-world>
+          <input
+            placeholder="Type your name here"
+            onkeyup="document.getElementById('my-hello').setAttribute('data-name', this.value)"
+          />
         </div>
         <code-block language="js">const name = "Nitro"</code-block>
         <p>some text: {{greeting}}</p>