- 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
42 lines
1.0 KiB
TypeScript
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();
|