refactor: modularize frontend flows

src/composables/usePublicConfigBootstrap.ts

@@ -0,0 +1,25 @@
+import { ConfigService } from '@/services'
+import { useAlertStore } from '@/stores/alertStore'
+import { useConfigStore } from '@/stores/configStore'
+
+export function usePublicConfigBootstrap() {
+  const alertStore = useAlertStore()
+  const configStore = useConfigStore()
+
+  const syncPublicConfig = async () => {
+    const res = await ConfigService.getUserConfig()
+
+    if (res.code !== 200 || !res.detail) {
+      return
+    }
+
+    const notifyMessage = configStore.applyRemoteConfig(res.detail)
+    if (notifyMessage) {
+      alertStore.showAlert(notifyMessage, 'success')
+    }
+  }
+
+  return {
+    syncPublicConfig
+  }
+}