chat_app example can't get user input due to `messageInput` is mangled.
**Describe the bug** 🐛
The `messageInput` element in `Chat` component can't be get by `getElementById()` because the value of `id` been mangled to, for example, `messageInputcomp14162821`.

**To Reproduce** 👨‍🔬
run `chat_app` client with `hpx dev`

**Expected behavior** 🤔
Since component can have more than one instances, I guess the id passed to `getElementById()` must also mangled.

A workaround for this example will be find the event source by event object then get value of it
```
tInput:
  @input(event):
    myMessage = event.target.value
```

**Screenshots** 🖼
![image](https://github.com/HapticX/happyx/assets/116649/ef86dc1b-1935-4c5f-89fb-6ce1d944f04b)

**Please complete the following information** 📃
 - OS: Ubuntu
 - 22.04
 - HappyX version 3.3.0
 - HappyX project type spa
 - Nim version 2.0.0
 - Browser chrome