Routes get rendered multiple times - Hot Reload - @aurelia/vite-plugin

[ivanbacher]

🐛 Bug Report

• Bootstrapped new app using: Default TypeScript Aurelia 2 App
• Added router-lite package
• Added custom element and new route

my-app.html

<import from="./my-element.html"></import>

<div class="message">${message}</div>

<my-element></my-element>

<div>
  <au-viewport></au-viewport>
</div>

When a change happens in the new route that was created: then route is added again.

Page needs to be reloaded to get everything back to normal. I am assuming it could have something todo with how Vite handles reloads?

Repo: test-app.zip

[bigopon]

Yes at a glance it seems this is hot reload, since the unmounting behavior isnt smart, and because of host controller involved. Thanks @ivanbacher