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

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

pages/passport/wechatH5Login.vue

@@ -19,39 +19,33 @@
   </view>
 </template>
 
-<script>
-import { whetherNavigate } from "@/utils/Foundation"; //登录跳转
-import config from "@/config/config";
-import api from "@/config/api.js";
-export default {
-  data() {
-    return {
-      // 授权信息展示，商城名称
-      projectName: config.name,
-    };
-  },
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { whetherNavigate } from '@/utils/Foundation'
+import config from '@/config/config'
+import api from '@/config/api.js'
 
-  //微信小程序进入页面，先获取code，否则几率出现code和后续交互数据不对应情况
-  mounted() {
-    // 小程序默认分享
-    uni.showShareMenu({ withShareTicket: true });
-  },
-  methods: {
-    back() {
-      whetherNavigate();
-    },
-    getUserProfile() {
-      let code = "WECHAT";
-      let buyer = api.buyer;
-      window.open(buyer + `/passport/connect/connect/login/web/` + code, "_self");
-    },
-    backToHome() {
-      uni.switchTab({
-        url: `/pages/tabbar/home/index`,
-      });
-    },
-  },
-};
+const projectName = ref(config.name)
+
+onMounted(() => {
+  uni.showShareMenu({ withShareTicket: true })
+})
+
+function back() {
+  whetherNavigate()
+}
+
+function getUserProfile() {
+  const code = 'WECHAT'
+  const buyer = api.buyer
+  window.open(buyer + `/passport/connect/connect/login/web/` + code, '_self')
+}
+
+function backToHome() {
+  uni.switchTab({
+    url: '/pages/tabbar/home/index',
+  })
+}
 </script>
 
 <style lang="scss" scoped>