✨ Added the backup feature

frontend/src/App.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { onMounted } from 'vue';
-import { useConfigStore } from '@/stores/configStore';
-import { useSystemStore } from '@/stores/systemStore';
-import { useKeybindingStore } from '@/stores/keybindingStore';
-import { useThemeStore } from '@/stores/themeStore';
-import { useUpdateStore } from '@/stores/updateStore';
+import {onMounted} from 'vue';
+import {useConfigStore} from '@/stores/configStore';
+import {useSystemStore} from '@/stores/systemStore';
+import {useKeybindingStore} from '@/stores/keybindingStore';
+import {useThemeStore} from '@/stores/themeStore';
+import {useUpdateStore} from '@/stores/updateStore';
+import {useBackupStore} from '@/stores/backupStore';
 import WindowTitleBar from '@/components/titlebar/WindowTitleBar.vue';
 
 const configStore = useConfigStore();
@@ -12,6 +13,7 @@ const systemStore = useSystemStore();
 const keybindingStore = useKeybindingStore();
 const themeStore = useThemeStore();
 const updateStore = useUpdateStore();
+const backupStore = useBackupStore();
 
 // 应用启动时加载配置和初始化系统信息
 onMounted(async () => {
@@ -26,6 +28,9 @@ onMounted(async () => {
   await configStore.initializeLanguage();
   themeStore.initializeTheme();
   
+  // 初始化备份服务
+  await backupStore.initialize();
+  
   // 启动时检查更新
   await updateStore.checkOnStartup();
 });
@@ -33,7 +38,7 @@ onMounted(async () => {
 
 <template>
   <div class="app-container">
-    <WindowTitleBar />
+    <WindowTitleBar/>
     <div class="app-content">
       <router-view/>
     </div>