views/Login/Login.vue

2   <b-form class="login-form" novalidate @submit.prevent="login">
3     <alert class="login-error mb-4" :show="authError" variant="danger">
4       <p id="login-error-alert">
5         {{ $t('pageLogin.alert.message') }}
7     </alert>
8     <b-form-group label-for="language" :label="$t('pageLogin.language')">
9       <b-form-select
11         v-model="userLocale"
13         data-test-id="login-select-language"
14       ></b-form-select>
15     </b-form-group>
16     <b-form-group label-for="username" :label="$t('pageLogin.username')">
17       <b-form-input
19         v-model="userInfo.username"
20         aria-describedby="login-error-alert username-required"
24         data-test-id="login-input-username"
27       </b-form-input>
28       <b-form-invalid-feedback id="username-required" role="alert">
29         <template v-if="v$.userInfo.username.required.$invalid">
32       </b-form-invalid-feedback>
33     </b-form-group>
34     <div class="login-form__section mb-3">
36       <input-password-toggle>
37         <b-form-input
39           v-model="userInfo.password"
40           aria-describedby="login-error-alert password-required"
43           data-test-id="login-input-password"
44           class="form-control-with-button"
47         </b-form-input>
48         <b-form-invalid-feedback id="password-required" role="alert">
49           <template v-if="v$.userInfo.password.required.$invalid">
52         </b-form-invalid-feedback>
53       </input-password-toggle>
55     <b-button
56       class="mt-3"
59       data-test-id="login-button-submit"
61       >{{ $t('pageLogin.logIn') }}</b-button
63   </b-form>
71 import { useI18n } from 'vue-i18n';
72 import Alert from '@/components/Global/Alert';
77   components: { Alert, InputPasswordToggle },
101           value: 'en-US',
105           value: 'ru-RU',
141             this.$router.push('/change-password');