1405/04/27

-

src/views/base/about/composables/useAboutPage.ts

@@ -1,23 +1,34 @@
-import { computed, inject, provide, type InjectionKey, type ComputedRef } from 'vue'
+import { computed, inject, onMounted, provide, type InjectionKey, type ComputedRef } from 'vue'
 import { getConfig } from '@/config/app-config'
-import { getAboutSections, type AboutSection } from '../aboutContent'
+import { useSettingsStore } from '@/store/settingsStore'
+import {
+  getAboutSettingText,
+  resolveAboutSections,
+  type AboutSection,
+} from '../aboutContent'
 
 export interface AboutPageContext {
   projectName: ComputedRef<string>
   aboutSections: ComputedRef<AboutSection[]>
-  supportHref: ComputedRef<string>
 }
 
 export const ABOUT_PAGE_CONTEXT_KEY: InjectionKey<AboutPageContext> = Symbol('aboutPageContext')
 
-const SUPPORT_LINK = 'https://web.rubika.ir/#c=u0I8F1U0a939b0df5ba9f73618d33d7c'
-
 export function useAboutPage() {
+  const settingsStore = useSettingsStore()
   const projectName = computed(() => getConfig('name_fa', 'کشکول گلد'))
-  const aboutSections = computed(() => getAboutSections(projectName.value))
-  const supportHref = computed(() => SUPPORT_LINK)
 
-  const context: AboutPageContext = { projectName, aboutSections, supportHref }
+  const aboutSections = computed(() => {
+    void settingsStore.settings
+    const fromSettings = getAboutSettingText((key) => settingsStore.getSettingByKey(key))
+    return resolveAboutSections(projectName.value, fromSettings)
+  })
+
+  onMounted(() => {
+    void settingsStore.fetchSettings()
+  })
+
+  const context: AboutPageContext = { projectName, aboutSections }
   provide(ABOUT_PAGE_CONTEXT_KEY, context)
   return context
 }