modified: main_dc/yalarba/easySite/easySite/app/pages/auth/login.vue

fix problem message on login page
2025-11-17 20:48:43 +05:00
parent 0f06ef3219
commit cbade7347d
1 changed files with 41 additions and 34 deletions
@@ -8,42 +8,49 @@
          </div>

          <div class="card-body">
-            <form class="auth-form" @submit="onSubmit">
-              <div class="form-group">
-                <label for="email" class="form-label">Email</label>
-                <input 
-                id="email" 
-                v-model="email" 
-                type="email" 
-                class="form-input" 
-                :class="{ 'error': errors.email }"
-                placeholder="your@email.com" 
-                autocomplete="email">
-                <span v-if="errors.email" class="error-message">
-                  {{ errors.email }}
-                </span>
-              </div>
+            <client-only>
+              <form class="auth-form" @submit="onSubmit">
+                <div class="form-group">
+                  <label for="email" class="form-label">Email</label>
+                  <input 
+                  id="email" 
+                  v-model="email" 
+                  type="email" 
+                  class="form-input" 
+                  :class="{ 'error': errors.email }"
+                  placeholder="your@email.com" 
+                  autocomplete="email">
+                  <span 
+                  v-if="errors.email" 
+                  class="error-message">
+                    {{ errors.email }}
+                  </span>
+                </div>

-              <div class="form-group">
-                <label for="password" class="form-label">Пароль</label>
-                <input 
-                id="password" 
-                v-model="password" 
-                type="password" 
-                class="form-input"
-                :class="{ 'error': errors.password }" 
-                placeholder="Введите пароль" 
-                autocomplete="current-password">
-                <span v-if="errors.password" class="error-message">
-                  {{ errors.password }}
-                </span>
-              </div>
+                <div class="form-group">
+                  <label for="password" class="form-label">Пароль</label>
+                  <input 
+                  id="password" 
+                  v-model="password" 
+                  type="password" 
+                  class="form-input"
+                  :class="{ 'error': errors.password }" 
+                  placeholder="Введите пароль" 
+                  autocomplete="current-password">
+                  <span v-if="errors.password" class="error-message">
+                    {{ errors.password }}
+                  </span>
+                </div>

-              <button type="submit" class="btn btn-primary auth-button" :disabled="isSubmitting || auth.loading.value">
-                <span v-if="isSubmitting || auth.loading.value">Вход...</span>
-                <span v-else>Войти</span>
-              </button>
-            </form>
+                <button 
+                type="submit" 
+                class="btn btn-primary auth-button"
+                :disabled="isSubmitting || auth.loading.value">
+                  <span v-if="isSubmitting || auth.loading.value">Вход...</span>
+                  <span v-else>Войти</span>
+                </button>
+              </form>
+            </client-only>
          </div>

          <div class="card-footer text-center">