From 597a54811117a058ddfdb9ed03c03c01fde08a12 Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Wed, 14 May 2025 17:52:46 +0800
Subject: [PATCH] feat(front): add config route to expose site configuration
 variables

---
 front/composables/useSeo.ts   | 26 ++++++++++++++++++++++++++
 front/layouts/default.vue     |  1 +
 front/server/routes/config.ts |  8 ++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 front/composables/useSeo.ts
 create mode 100644 front/server/routes/config.ts

diff --git a/front/composables/useSeo.ts b/front/composables/useSeo.ts
new file mode 100644
index 0000000..ce77598
--- /dev/null
+++ b/front/composables/useSeo.ts
@@ -0,0 +1,26 @@
+type UseSeoProps = {
+    head?: Record<string, any>
+    seo?: Record<string, any>
+}
+const useSeo = async (props: UseSeoProps = {}) => {
+    const { head, seo } = props || {}
+    const { data } = await useFetch<any>('/config')
+    const seoMeta = computed(() => data.value?.data)
+    const { title } = head || {}
+    useHead({
+        ...head,
+        title: title ? `${title} - ${seoMeta?.value?.site_title}` : seoMeta?.value?.site_title,
+    })
+    useSeoMeta({
+        ...seo,
+        title: seoMeta?.value?.site_title,
+        description: seoMeta?.value?.site_desc,
+        ogTitle: seoMeta?.value?.site_title,
+        ogDescription: seoMeta?.value?.site_desc,
+        // ogImage: seoMeta?.value?.site_url,
+        // twitterCard: 'summary_large_image',
+    })
+    return
+}
+
+export default useSeo
\ No newline at end of file
diff --git a/front/layouts/default.vue b/front/layouts/default.vue
index 7b5154c..6bbb67f 100644
--- a/front/layouts/default.vue
+++ b/front/layouts/default.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { Toaster } from 'vue-sonner'
+await useSeo()
 </script>
 <template>
   <div class="h-screen w-screen ">
diff --git a/front/server/routes/config.ts b/front/server/routes/config.ts
new file mode 100644
index 0000000..8576475
--- /dev/null
+++ b/front/server/routes/config.ts
@@ -0,0 +1,8 @@
+export default defineEventHandler(() => {
+    const { SITE_TITLE, SITE_DESC, SITE_URL } = process.env || {}
+    return {
+        site_title: SITE_TITLE,
+        site_desc: SITE_DESC,
+        site_url: SITE_URL,
+    }
+})
\ No newline at end of file