refactor(game): 优化前端代码

packages/game/src/api/structure.ts

@@ -3,7 +3,7 @@ import { req } from './req'
 
 export class StructureApi {
   /**
-   * 获取我的建组
+   * 获取我的建筑
    */
   static async getStructures() {
     return req<{

packages/game/src/components/number/NumberFormat.vue

@@ -11,14 +11,17 @@
 
 <script setup lang="ts">
 import { numberWithCommas } from '@/utils/number'
-import { onMounted, ref, watch } from 'vue'
+import { ref, toRefs, watchEffect } from 'vue'
 
-const { value = 0 } = defineProps({
-  value: Number,
-})
-const unit = ref<string>('')
-const valueFormat = ref<string>('0')
-const valueFullFormat = ref<string>('0')
+interface NumberFormatProps {
+  value?: number
+}
+
+const props = defineProps<NumberFormatProps>()
+const { value } = toRefs(props)
+const unit = ref('')
+const valueFormat = ref('0')
+const valueFullFormat = ref('0')
 const unitName = [
   '',
   'K',
@@ -35,7 +38,11 @@ const unitName = [
   'AH',
 ]
 
-const format = (value: number = 0) => {
+watchEffect(() => {
+  format(value.value)
+})
+
+function format(value: number = 0) {
   let tempValue = value
   const bit = Math.log10(tempValue)
   const hideUnit = Math.ceil((bit - 6) / 3)
@@ -48,17 +55,6 @@ const format = (value: number = 0) => {
   valueFullFormat.value = numberWithCommas(value)
   valueFormat.value = numberWithCommas(tempValue)
 }
-
-onMounted(() => {
-  format(value)
-})
-
-watch(
-  () => value,
-  (newData: number) => {
-    format(newData)
-  },
-  { immediate: true },
-)
 </script>
+
 <style scoped lang="less"></style>

packages/game/src/utils/number.ts

@@ -1,8 +1,10 @@
 import relativeTime from 'dayjs/plugin/relativeTime'
 import dayjs from 'dayjs'
 import 'dayjs/locale/zh-cn'
+
 dayjs.extend(relativeTime)
 dayjs.locale('zh-cn')
+
 export const timeFromNow = (timestamp: number): string => {
   return dayjs(timestamp).fromNow()
 }