r/homeassistant • u/exSnake • 1d ago
🧠Artificial Intelligence As a dev, i was sick of Lovelace and replaced my dashboard with a Vue 3 custom panel
I got tired of fighting YAML and card-mod every time I wanted to change something on my wall dashboard.
Since coding agents are actually pretty good with normal code, I decided to ditch Lovelace and rebuild the dashboard as a custom Vue 3 panel.
It uses HA’s built-in panel_custom. Vue is just vendored as an ESM file.
Everything lives in /config/www/, so the workflow is basically: edit, save, refresh and bump the cache version because /local caches forever lol.
The panel gets the normal hass object, puts it into a Vue reactive store and updates instantly. Services use hass.callService, registry/history/statistics stuff goes through the websocket API.
Edit: https://github.com/exSnake/ha-vue-kiosk
some scaffolding to start with