From 24aed3330c813b91d521ee90c93c8fedbc99fffd Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Tue, 17 Feb 2026 21:32:15 +0200
Subject: [PATCH] zoom initialization and toast container in App.vue

---
 src/App.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 839413a..070ab5c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,20 @@
 <script setup lang="ts">
+import { onMounted } from 'vue'
 import TitleBar from './components/TitleBar.vue'
 import NavRail from './components/NavRail.vue'
 import ToastNotification from './components/ToastNotification.vue'
+import { useSettingsStore } from './stores/settings'
+
+const settingsStore = useSettingsStore()
+
+onMounted(async () => {
+  await settingsStore.fetchSettings()
+  const zoom = parseInt(settingsStore.settings.ui_zoom) || 100
+  const app = document.getElementById('app')
+  if (app) {
+    (app.style as any).zoom = `${zoom}%`
+  }
+})
 </script>
 
 <template>