feat: fix compose.yml ;add frontend .env properties

frontend/src/views/Settings.vue

@@ -1,3 +1,17 @@
+<script setup>
+import { useLanguageStore } from '@/stores/language';
+import { computed } from 'vue';
+
+const domain = import.meta.env.VITE_APP_DOMAIN;
+const languageStore = useLanguageStore();
+
+const setLanguage = (lang) => {
+  languageStore.setLocale(lang);
+};
+
+const currentLocale = computed(() => languageStore.locale);
+</script>
+
 <template>
   <div class="settings-page">
     <div class="settings-container">
@@ -5,7 +19,7 @@
       <ol>
         <i18n-t keypath="howItWorks.step1" tag="li">
           <template #domain>
-            <code>@{{ 'shenjianl.cn' }}</code>
+            <code>@{{ domain }}</code>
           </template>
         </i18n-t>
         <li>{{ $t('howItWorks.step2') }}</li>
@@ -22,25 +36,8 @@
 </template>
 
 <script>
-import { useLanguageStore } from '@/stores/language';
-import { computed } from 'vue';
-
 export default {
   name: 'Settings',
-  setup() {
-    const languageStore = useLanguageStore();
-
-    const setLanguage = (lang) => {
-      languageStore.setLocale(lang);
-    };
-
-    const currentLocale = computed(() => languageStore.locale);
-
-    return {
-      setLanguage,
-      currentLocale,
-    };
-  },
 };
 </script>