初始版本提交

src/views/sys/login/LoginFormTitle.vue

@@ -0,0 +1,25 @@
+<template>
+  <h2 class="mb-3 text-2xl font-bold text-center xl:text-3xl enter-x xl:text-left">
+    {{ getFormTitle }}
+  </h2>
+</template>
+<script lang="ts" setup>
+  import { computed, unref } from 'vue';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { LoginStateEnum, useLoginState } from './useLogin';
+
+  const { t } = useI18n();
+
+  const { getLoginState } = useLoginState();
+
+  const getFormTitle = computed(() => {
+    const titleObj = {
+      [LoginStateEnum.RESET_PASSWORD]: t('重置密码'),
+      [LoginStateEnum.LOGIN]: t('登录'),
+      [LoginStateEnum.REGISTER]: t('注册'),
+      [LoginStateEnum.MOBILE]: t('手机登录'),
+      [LoginStateEnum.QR_CODE]: t('二维码登录'),
+    };
+    return titleObj[unref(getLoginState)];
+  });
+</script>