国际化

src/i18n/locales/en.ts

@@ -104,6 +104,14 @@ export default {
     english: 'English',
     systemName: 'C-end',
   },
+  // Page titles
+  page: {
+    login: 'Login',
+    register: 'Register',
+    forgotPassword: 'Forgot Password',
+    notPermission: 'Access Denied',
+    products: 'products',
+  },
   menu: {
     dashboard: 'Dashboard',
     profile: 'My Profile',

src/i18n/locales/vi.ts

@@ -104,6 +104,14 @@ export default {
     english: 'English',
     systemName: 'C-end', 
   },
+  // Tiêu đề trang
+  page: {
+    login: 'Đăng nhập',
+    register: 'Đăng ký',
+    forgotPassword: 'Quên mật khẩu',
+    notPermission: 'Truy cập bị từ chối',
+    products: 'sản phẩm',
+  },
   menu: {
     dashboard: 'Tổng quan',
     profile: 'Hồ sơ cá nhân',

src/i18n/locales/zh-CN.ts

@@ -104,6 +104,14 @@ export default {
     english: 'English',
     systemName: 'C-end',
   },
+  // 页面标题
+  page: {
+    login: '登录',
+    register: '注册',
+    forgotPassword: '忘记密码',
+    notPermission: '无权限访问',
+    products: '产品',
+  },
   menu: {
     dashboard: '工作台',
     profile: '个人中心',
@@ -130,4 +138,5 @@ export default {
 
   // 自定义表单字段
   ...customFieldsZhCN,
+
 }
\ No newline at end of file

src/i18n/locales/zh-TW.ts

@@ -104,6 +104,14 @@ export default {
     english: 'English',
     systemName: 'C-end',
   },
+  // 頁面標題
+  page: {
+    login: '登入',
+    register: '註冊',
+    forgotPassword: '忘記密碼',
+    notPermission: '無權限訪問',
+    products: '產品',
+  },
   menu: {
     dashboard: '總覽',
     profile: '個人檔案',

src/router/index.ts

@@ -9,25 +9,25 @@ const router = createRouter({
       path: "/",
       name: "in",
       component: () => import("../views/auth/Login.vue"),
-      meta: { title: "login.loginButton" },
+      meta: { title: "page.login" },
     },
     {
       path: "/login",
       name: "login",
       component: () => import("../views/auth/Login.vue"),
-      meta: { title: "login.loginButton" },
+      meta: { title: "page.login" },
     },
     {
       path: "/register",
       name: "register",
       component: () => import("../views/auth/register.vue"),
-      meta: { title: "login.register" },
+      meta: { title: "page.register" },
     },
     {
       path: "/forgePassword",
       name: "forgePassword",
       component: () => import("../views/auth/forgePassword.vue"),
-      meta: { title: "login.forgetPassword" },
+      meta: { title: "page.forgotPassword" },
     },
     {
       path: "/products/:type/:city",

src/views/auth/Login.vue

@@ -478,9 +478,12 @@ onMounted(async () => {
   border: 1px solid var(--primary1-7);
 }
 .loginForm-item:hover{
-  border: 2px solid var(--primary1-6);
+  border: 2px solid var(--primary1-5);
 }
 .loginForm-itemActive{
   border: 2px solid var(--primary1-6);
 }
+.loginForm-itemActive:hover{
+  border: 2px solid var(--primary1-6);
+}
 </style>

src/views/auth/components/header.vue

@@ -14,7 +14,7 @@
           </svg>
         </div>
         <div class="flex items-center" v-if="!currentStep||currentStep<3">
-          <div class="flex items-center mr-[67px]">
+          <div class="flex items-center mr-[67px] cursor-pointer" @click="goHome('/')">
             <img
             src="../../../assets/images/login-home.png"
             class="h-[20px]"