Just 2 ¢ more...
Das Tablet hängt als Always-on-Display an der Wand — entsprechend ist das Design keine Spielerei, sondern eine Grundsatzentscheidung. Wie LCARS in CSS funktioniert: Bögen, Notch-SVG, Farbsystem, Typografie, wiederverwendbare Komponenten.
Wie eine HA Custom Component eine bidirektionale API über den WebSocket bereitstellt, wie Daten als JSON-Dateien auf dem Server liegen — und wie der KI-Flow von der App bis zu Claude verläuft.
ESLint, ein selbstgeschriebenes Python-Script und jscpd: wie man in einem Vue-3-Monorepo sicherstellt, dass Architektur-Regeln eingehalten werden.
npm Workspaces, gemeinsame shared/-Library, Composables statt Logik in Views, Cache-Strategie, IPC zwischen Apps — wie drei Vue-3-Apps dieselbe Codebasis teilen.
Claude Code einrichten und sinnvoll nutzen, erstes Vue-3-Projekt aufsetzen, als iFrame in Home Assistant einbinden und die erste WebSocket-Verbindung herstellen.
Drei eigene Vue-3-Apps als Alternative zu Lovelace-Dashboards: LCARS-Tablet, Material-3-Handy, Desktop-Verwaltung — Überblick über Motivation, Aufbau und Ergebnis.