Change update UI Signin

pages/signin.vue

@@ -1,11 +1,7 @@
 <template>
   <div class="columns is-centered px-0 mx-0">
-    <div
-      :class="`column wrapper-login is-${
-        viewport >= 4 ? 4 : 6
-      }`"
-    >
-      <div class="has-background-white px-6 py-6 login-box ">
+    <div :class="`column wrapper-login is-${viewport >= 4 ? 4 : 6}`">
+      <div class="has-background-white px-6 py-6 login-box">
         <div class="login-header">
           <Logo />
           <h2 class="title mt-4">{{ isVietnamese ? 'Đăng nhập hệ thống' : 'Login' }}</h2>
@@ -74,7 +70,7 @@
             </p>
           </div>
           <div class="field is-grouped mt-5 is-align-items-center is-justify-content-space-between">
-            <div class="control ">
+            <div class="control">
               <button class="button btn-primary" @click="signin()" @keyup.enter="signin()">
                 {{ isVietnamese ? 'Đăng nhập' : 'Login' }}
               </button>
@@ -87,7 +83,12 @@
           </div>
         </div>
         <footer class="login-footer">
-          <span>© 2026 {{ isVietnamese ? 'Bản quyền thuộc về Utopia' : 'Copyright by Utopia Technology JSC' }}</span>
+          <span
+            >©{{ new Date().getFullYear() }}
+            {{
+              isVietnamese ? 'Bản quyền thuộc về Utopia Villas & Resort' : 'Copyright by Utopia Villas & Resort'
+            }}</span
+          >
         </footer>
       </div>
     </div>
@@ -119,7 +120,6 @@ export default {
     );
     if (!this.module) return this.$router.push('/welcome');
 
-    console.log('this.$route.query', this.$route.query);
   },
   computed: {
     login: {
@@ -179,8 +179,10 @@ export default {
       },
     },
     isVietnamese() {
-      return navigator.language.toLowerCase().startsWith('vi');
+      // return navigator.language.toLowerCase().startsWith('vi');
+      return true;
     },
+
     getEnv() {
       const link = (this.$route.query.link || '').replace(/^https?:\/\//, '').toLowerCase();
       const module = (this.$route.query.module || '').replace(/^https?:\/\//, '').toLowerCase();
@@ -371,7 +373,7 @@ export default {
 }
 .subtitle {
   font-size: 15px;
-  color: #3F6E73;
+  color: #3f6e73;
   margin-bottom: 24px;
 }
 
@@ -396,8 +398,8 @@ export default {
   width: 100%;
   height: 46px;
 
-  background-color: #1F3A3D; /* primary from logo */
-  color: #FFFFFF;
+  background-color: #1f3a3d; /* primary from logo */
+  color: #ffffff;
 
   border: none;
   border-radius: 12px;
@@ -410,7 +412,7 @@ export default {
 }
 
 .wrapper-login .btn-primary:hover {
-  background-color: #2C5054;
+  background-color: #2c5054;
 }
 
 .wrapper-login .btn-primary:active {
@@ -418,7 +420,7 @@ export default {
 }
 
 .wrapper-login .btn-primary:disabled {
-  background-color: #9CA3AF;
+  background-color: #9ca3af;
   cursor: not-allowed;
 }
 
@@ -429,13 +431,13 @@ export default {
 .wrapper-login .reset-link {
   font-size: 14px;
   font-weight: 500;
-  color: #3F6E73;
+  color: #3f6e73;
   text-decoration: none;
   transition: all 0.2s ease;
 }
 
 .wrapper-login .reset-link:hover {
-  color: #1F3A3D;
+  color: #1f3a3d;
   text-decoration: underline;
 }
 
@@ -460,7 +462,7 @@ export default {
 
 /* FOCUS STATE */
 .wrapper-login input:focus {
-  border-color: #1F3A3D;
+  border-color: #1f3a3d;
   box-shadow: 0 0 0 3px rgba(31, 58, 61, 0.12);
 }
 
@@ -474,5 +476,4 @@ export default {
   align-items: center;
   justify-content: center;
 }
-
 </style>