Files
pmomusic/pmoapp/webapp/src/main.ts
Eric Coissac e47c1f1a86 feat: refactor drawers with shared styles and add unified debug hub
- Extract common drawer styles into new `drawers.css`
- Refactor `ServerDrawer` and `RendererDrawer` to use shared `.app-drawer` class
- Update routing: replace `/debug/api-dashboard` with unified `/debug` route pointing to new `DebugView`
- Add debug tools grid view (`DebugView.vue`) with icons and navigation
- Refactor `PlayListManager` styles to use CSS variables for consistency
- Update font sizing: replace global zoom with base `15px` font size in `main.css`
- Improve lazy metadata fallback logic in Rust API
2026-03-25 20:51:10 +01:00

42 lines
1.0 KiB
TypeScript

import { createApp } from "vue";
import { createPinia } from "pinia";
import App from "./App.vue";
import router from "./router";
// Service SSE (les composables se connectent automatiquement)
import { sse } from "./services/pmocontrol/sse";
// Store UI (garde UIStore pour les notifications et état UI global)
import { useUIStore } from "./stores/ui";
// Styles
import "./style.css";
import "./assets/styles/variables.css";
import "./assets/styles/pmocontrol.css";
import "./assets/styles/glass-theme.css";
import "./assets/styles/drawers.css";
// Créer l'application Vue
const app = createApp(App);
// Créer et installer Pinia
const pinia = createPinia();
app.use(pinia);
app.use(router);
// Monter l'application
app.mount("#app");
// Après montage, initialiser SSE
const uiStore = useUIStore();
// Les composables se connectent automatiquement à SSE
// Ils gèrent eux-mêmes le re-fetch lors des événements
sse.onConnectionChange((connected) => {
uiStore.setSSEConnected(connected);
});
// Démarrer la connexion SSE
sse.connect();