refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages/promotion/point/user.vue

@@ -10,26 +10,22 @@
     </div>
   </div>
 </template>
-<script>
-import { getUserInfo } from "@/api/members";
-export default {
-  data() {
-    return {
-      userInfo: {},
-    };
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    async init() {
-      let res = await getUserInfo();
-      if (res.data.success) {
-        this.userInfo = res.data.result;
-      }
-    },
-  },
-};
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { getUserInfo } from '@/api/members'
+
+const userInfo = ref<any>({})
+
+onMounted(() => {
+  init()
+})
+
+async function init() {
+  const res = await getUserInfo()
+  if (res.data.success) {
+    userInfo.value = res.data.result
+  }
+}
 </script>
 <style lang="scss" scoped>
 .user-point {
@@ -65,4 +61,4 @@ export default {
   font-weight: bold;
   text-align: center;
 }
-</style>
+</style>