perf: 优化数字时钟无法设置字体大小

 <script setup lang="ts">
 <script setup lang="ts">
 import { useIntervalFn } from '@vueuse/core'
 import { useIntervalFn } from '@vueuse/core'
 import { ref } from 'vue'
 import { ref } from 'vue'
-import { dateUtil, formatToDateTime } from '@/utils/dateUtil'
+import { dateUtil } from '@/utils/dateUtil'
 import { DateFormatEnum } from '@/enums/timeEnum'
 import { DateFormatEnum } from '@/enums/timeEnum'
+import type { CreateComponentType } from '@/core/Library/types'
 
 
-const date = ref<string>(formatToDateTime(Date.now()))
+defineProps<{
+  config: CreateComponentType
+}>()
+
+const getNowDate = () => `${dateUtil().format('YYYY年MM月DD日')} ${dateUtil().format(DateFormatEnum.HH_MM_SS)}`
+
+const date = ref<string>(getNowDate())
 
 
 const week = ['日', '一', '二', '三', '四', '五', '六']
 const week = ['日', '一', '二', '三', '四', '五', '六']
 
 
 useIntervalFn(() => {
 useIntervalFn(() => {
-  date.value = `${dateUtil().format(DateFormatEnum.YYYY_MM_DD)} ${dateUtil().format(DateFormatEnum.HH_MM_SS)}`
+  date.value = getNowDate()
 }, 1000)
 }, 1000)
 </script>
 </script>
 
 
 <template>
 <template>
-  <main class="w-full h-full flex flex-col justify-center items-center">
-    <div class="text-[18px]">
+  <main class="w-full h-full flex flex-col justify-center items-center overflow-hidden">
+    <div class="text-1em">
       {{ date.split(' ')?.[0] }} {{ `星期${week[dateUtil().day()]}` }}
       {{ date.split(' ')?.[0] }} {{ `星期${week[dateUtil().day()]}` }}
     </div>
     </div>
-    <div class="text-[50px] p-1">
+    <div class="p-1 text-2em">
       {{ date.split(' ')?.[1] }}
       {{ date.split(' ')?.[1] }}
     </div>
     </div>
   </main>
   </main>