bug

src/views/forecast.vue

 <script setup>
-import { inject, ref } from 'vue';
+import { inject, ref, computed } from 'vue';
 const _const = inject('_const')
 import * as api from '@/api'
 import { dateFormat } from '@/utils'
 import { useI18n } from 'vue-i18n'
 const { locale } = useI18n()
 
+const monthList = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
+const today = computed(() => {
+  const date = new Date()
+  if (locale.value === 'En') {
+    return ` (${monthList[date.getMonth()]} ${date.getDate()} ${date.getFullYear()})`
+  } else {
+    return `（${dateFormat(date, 'YYYY年M月D日')}）`
+  }
+})
+
 const active = ref()
 const loading = ref(false)
 async function getInfo() {
@@ -42,7 +52,7 @@ function getWordList(word) {
 
 <template>
   <div class="page">
-    <div class="title1">{{ $t('Daily') }}{{ $t('Horoscope') }}</div>
+    <div class="title1">{{ $t('Daily') }}{{ $t('Horoscope') }}{{ today }}</div>
     <div class="title2">{{ $t('Come and check out') }}</div>
     <div class="constellation-list">
       <div v-for="item in _const.ConstellationList" class="constellation" :class="{ active: active.key === item.key }"