generator-jhipster 8.5.0 → 8.7.0

package/dist/generators/vue/templates/src/main/webapp/app/account/login-form/login-form.component.spec.ts.ejs

@@ -52,8 +52,8 @@ describe('LoginForm Component', () => {
       plugins: [pinia],
       provide: {
         loginService,
-        accountService: new AccountService(store)
-      }
+        accountService: new AccountService(store),
+      },
     };
     const wrapper = shallowMount(LoginForm, { global: globalOptions });
 
@@ -73,11 +73,13 @@ describe('LoginForm Component', () => {
     await loginForm.$nextTick();
 
     // THEN
-    expect(axiosStub.post.calledWith('api/authenticate', {
-      username: 'login',
-      password: 'pwd',
-      rememberMe: true
-    })).toBeTruthy();
+    expect(
+      axiosStub.post.calledWith('api/authenticate', {
+        username: 'login',
+        password: 'pwd',
+        rememberMe: true,
+      }),
+    ).toBeTruthy();
     await loginForm.$nextTick();
     expect(loginForm.authenticationError).toBeTruthy();
   });
@@ -88,18 +90,20 @@ describe('LoginForm Component', () => {
     loginForm.password = 'pwd';
     loginForm.rememberMe = true;
     const jwtSecret = 'jwt-secret';
-    axiosStub.post.resolves({ headers: { authorization: 'Bearer ' + jwtSecret } });
+    axiosStub.post.resolves({ headers: { authorization: `Bearer ${jwtSecret}` } });
 
     // WHEN
     loginForm.doLogin();
     await loginForm.$nextTick();
 
     // THEN
-    expect(axiosStub.post.calledWith('api/authenticate', {
-      username: 'login',
-      password: 'pwd',
-      rememberMe: true
-    })).toBeTruthy();
+    expect(
+      axiosStub.post.calledWith('api/authenticate', {
+        username: 'login',
+        password: 'pwd',
+        rememberMe: true,
+      }),
+    ).toBeTruthy();
 
     expect(loginForm.authenticationError).toBeFalsy();
     expect(localStorage.getItem('<%=jhiPrefixDashed %>-authenticationToken')).toEqual(jwtSecret);
@@ -111,18 +115,20 @@ describe('LoginForm Component', () => {
     loginForm.password = 'pwd';
     loginForm.rememberMe = false;
     const jwtSecret = 'jwt-secret';
-    axiosStub.post.resolves({ headers: { authorization: 'Bearer ' + jwtSecret } });
+    axiosStub.post.resolves({ headers: { authorization: `Bearer ${jwtSecret}` } });
 
     // WHEN
     loginForm.doLogin();
     await loginForm.$nextTick();
 
     // THEN
-    expect(axiosStub.post.calledWith('api/authenticate', {
-      username: 'login',
-      password: 'pwd',
-      rememberMe: false
-    })).toBeTruthy();
+    expect(
+      axiosStub.post.calledWith('api/authenticate', {
+        username: 'login',
+        password: 'pwd',
+        rememberMe: false,
+      }),
+    ).toBeTruthy();
 
     expect(loginForm.authenticationError).toBeFalsy();
     expect(sessionStorage.getItem('<%=jhiPrefixDashed %>-authenticationToken')).toEqual(jwtSecret);
@@ -140,9 +146,11 @@ describe('LoginForm Component', () => {
     await loginForm.$nextTick();
 
     // THEN
-    expect(axiosStub.post.calledWith('api/authentication',
-      'username=login&password=pwd&remember-me=true&submit=Login',
-      { "headers": { "Content-Type": "application/x-www-form-urlencoded" } })).toBeTruthy();
+    expect(
+      axiosStub.post.calledWith('api/authentication', 'username=login&password=pwd&remember-me=true&submit=Login', {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      }),
+    ).toBeTruthy();
     await loginForm.$nextTick();
     expect(loginForm.authenticationError).toBeTruthy();
   });
@@ -159,9 +167,11 @@ describe('LoginForm Component', () => {
     await loginForm.$nextTick();
 
     // THEN
-    expect(axiosStub.post.calledWith('api/authentication',
-      'username=login&password=pwd&remember-me=true&submit=Login',
-      { "headers": { "Content-Type": "application/x-www-form-urlencoded" } })).toBeTruthy();
+    expect(
+      axiosStub.post.calledWith('api/authentication', 'username=login&password=pwd&remember-me=true&submit=Login', {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      }),
+    ).toBeTruthy();
 
     expect(loginForm.authenticationError).toBeFalsy();
   });

package/dist/generators/vue/templates/src/main/webapp/app/account/login-form/login-form.component.ts.ejs

@@ -17,7 +17,7 @@ export default defineComponent({
     const route = useRoute();
     const router = useRouter();
 
-    const previousState = () => router.go(-1)
+    const previousState = () => router.go(-1);
 
     const accountService = inject<AccountService>('accountService');
     const loginService = inject<LoginService>('loginService');
@@ -43,8 +43,8 @@ export default defineComponent({
       try {
         await axios.post('api/authentication', data, {
           headers: {
-            'Content-Type': 'application/x-www-form-urlencoded'
-          }
+            'Content-Type': 'application/x-www-form-urlencoded',
+          },
         });
 <%_ } _%>
 

package/dist/generators/vue/templates/src/main/webapp/app/account/login-form/login-form.vue.ejs

@@ -7,25 +7,25 @@
         </b-alert>
       </div>
       <div class="col-md-8">
-        <b-form v-on:submit.prevent="doLogin()">
-          <b-form-group v-bind:label="t$('global.form[\'username.label\']')" label-for="username">
+        <b-form @submit.prevent="doLogin()">
+          <b-form-group :label="t$('global.form[\'username.label\']')" label-for="username">
             <b-form-input
               id="username"
               type="text"
               name="username"
               autofocus
-              v-bind:placeholder="t$('global.form[\'username.placeholder\']')"
+              :placeholder="t$('global.form[\'username.placeholder\']')"
               v-model="login"
               data-cy="username"
             >
             </b-form-input>
           </b-form-group>
-          <b-form-group v-bind:label="t$('login.form.password')" label-for="password">
+          <b-form-group :label="t$('login.form.password')" label-for="password">
             <b-form-input
               id="password"
               type="password"
               name="password"
-              v-bind:placeholder="t$('login.form[\'password.placeholder\']')"
+              :placeholder="t$('login.form[\'password.placeholder\']')"
               v-model="password"
               data-cy="password"
             >
@@ -42,8 +42,12 @@
         <%_ if (generateUserManagement) { _%>
         <div>
           <b-alert show variant="warning">
-            <b-link :to="'/account/reset/request'" class="alert-link" v-text="t$('login.password.forgot')"
-            data-cy="forgetYourPasswordSelector" >Did you forget your password?</b-link
+            <b-link
+              :to="'/account/reset/request'"
+              class="alert-link"
+              v-text="t$('login.password.forgot')"
+              data-cy="forgetYourPasswordSelector"
+              >Did you forget your password?</b-link
             >
           </b-alert>
         </div>

package/dist/generators/vue/templates/src/main/webapp/app/account/login.service.spec.ts.ejs

@@ -18,7 +18,7 @@ describe('Login Service test suite', () => {
 
 <%_ if (authenticationTypeOauth2) { _%>
   it('should build url for login', () => {
-    const loc = {href: '', hostname: 'localhost', pathname: '/'};
+    const loc = { href: '', hostname: 'localhost', pathname: '/' };
 
     loginService.login(loc);
 

package/dist/generators/vue/templates/src/main/webapp/app/account/login.service.ts.ejs

@@ -32,7 +32,7 @@ export default class LoginService {
       contextPath = contextPath.substring(0, contextPath.indexOf('forbidden'));
     }
     if (!contextPath.endsWith('/')) {
-      contextPath = contextPath + '/';
+      contextPath = `${contextPath}/`;
     }
     // If you have configured multiple OIDC providers, then, you can update this URL to /login.
     // It will show a Spring Security generated login page with links to configured OIDC providers.
@@ -41,7 +41,7 @@ export default class LoginService {
 <%_ } _%>
 <%_ if (!authenticationTypeJwt) { _%>
 
-  public logout() : AxiosPromise<any> {
+  public logout(): AxiosPromise<any> {
     return axios.post('api/logout');
   }
 <%_ } _%>

package/dist/generators/vue/templates/src/main/webapp/app/account/register/register.component.spec.ts.ejs

@@ -72,7 +72,7 @@ describe('Register Component', () => {
         langKey: '<%= nativeLanguage %>',
         login: 'jhi',
         password: 'jhipster',
-      })
+      }),
     ).toBeTruthy();
     expect(register.success).toBe(true);
     expect(register.error).toBe(null);

package/dist/generators/vue/templates/src/main/webapp/app/account/register/register.component.ts.ejs

@@ -21,7 +21,7 @@ export default defineComponent({
           minLength: minLength(1),
           maxLength: maxLength(50),
           pattern: loginPattern,
-       },
+        },
         email: {
           required,
           minLength: minLength(5),

package/dist/generators/vue/templates/src/main/webapp/app/account/register/register.vue.ejs

@@ -1,155 +1,223 @@
 <template>
-    <div>
-        <div class="row justify-content-center">
-            <div class="col-md-8 toastify-container">
-                <h1 v-text="t$('register.title')" id="register-title" data-cy="registerTitle">Registration</h1>
+  <div>
+    <div class="row justify-content-center">
+      <div class="col-md-8 toastify-container">
+        <h1 v-text="t$('register.title')" id="register-title" data-cy="registerTitle">Registration</h1>
 
-                <div class="alert alert-success" role="alert" v-if="success" v-html="t$('register.messages.success')">
-                    <strong>Registration saved!</strong> Please check your email for confirmation.
-                </div>
-
-                <div class="alert alert-danger" role="alert" v-if="error" v-html="t$('register.messages.error.fail')">
-                    <strong>Registration failed!</strong> Please try again later.
-                </div>
+        <div class="alert alert-success" role="alert" v-if="success" v-html="t$('register.messages.success')">
+          <strong>Registration saved!</strong> Please check your email for confirmation.
+        </div>
 
-                <div class="alert alert-danger" role="alert" v-if="errorUserExists"
-                    v-html="t$('register.messages.error.userexists')">
-                    <strong>Login name already registered!</strong> Please choose another one.
-                </div>
+        <div class="alert alert-danger" role="alert" v-if="error" v-html="t$('register.messages.error.fail')">
+          <strong>Registration failed!</strong> Please try again later.
+        </div>
 
-                <div class="alert alert-danger" role="alert" v-if="errorEmailExists"
-                    v-html="t$('register.messages.error.emailexists')">
-                    <strong>Email is already in use!</strong> Please choose another one.
-                </div>
-            </div>
+        <div class="alert alert-danger" role="alert" v-if="errorUserExists" v-html="t$('register.messages.error.userexists')">
+          <strong>Login name already registered!</strong> Please choose another one.
         </div>
-        <div class="row justify-content-center">
-            <div class="col-md-8">
-                <form id="register-form" name="registerForm" v-on:submit.prevent="register()"
-                    v-if="!success" no-validate>
-                    <div class="form-group">
-                        <label class="form-control-label" for="username"
-                            v-text="t$('global.form[\'username.label\']')">Username</label>
-                        <input type="text" class="form-control" v-model="v$.registerAccount.login.$model" id="username"
-                            name="login"
-                            :class="{ valid: !v$.registerAccount.login.$invalid, invalid: v$.registerAccount.login.$invalid }"
-                            required minlength="1" maxlength="50"
-                            pattern="^[a-zA-Z0-9!#$&'*+=?^_`{|}~.-]+@?[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$"
-                            v-bind:placeholder="t$('global.form[\'username.placeholder\']')"
-                            data-cy="username" />
-                        <div v-if="v$.registerAccount.login.$anyDirty && v$.registerAccount.login.$invalid">
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.login.required"
-                                v-text="t$('register.messages.validate.login.required')">
-                                Your username is required.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.login.minLength"
-                                v-text="t$('register.messages.validate.login.minlength')">
-                                Your username is required to be at least 1 character.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.login.maxLength"
-                                v-text="t$('register.messages.validate.login.maxlength')">
-                                Your username cannot be longer than 50 characters.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.login.pattern"
-                                v-text="t$('register.messages.validate.login.pattern')">
-                                Your username can only contain letters and digits.
-                            </small>
-                        </div>
-                    </div>
-                    <div class="form-group">
-                        <label class="form-control-label" for="email"
-                            v-text="t$('global.form[\'email.label\']')">Email</label>
-                        <input type="email" class="form-control" id="email" name="email"
-                            :class="{ valid: !v$.registerAccount.email.$invalid, invalid: v$.registerAccount.email.$invalid }"
-                            v-model="v$.registerAccount.email.$model" minlength="5" maxlength="254" email required
-                            v-bind:placeholder="t$('global.form[\'email.placeholder\']')"
-                            data-cy="email" />
-                        <div v-if="v$.registerAccount.email.$anyDirty && v$.registerAccount.email.$invalid">
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.email.required"
-                                v-text="t$('global.messages.validate.email.required')">
-                                Your email is required.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.email.email"
-                                v-text="t$('global.messages.validate.email.invalid')">
-                                Your email is invalid.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.email.minLength"
-                                v-text="t$('global.messages.validate.email.minlength')">
-                                Your email is required to be at least 5 characters.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.email.maxLength"
-                                v-text="t$('global.messages.validate.email.maxlength')">
-                                Your email cannot be longer than 100 characters.
-                            </small>
-                        </div>
-                    </div>
-                    <div class="form-group">
-                        <label class="form-control-label" for="firstPassword"
-                            v-text="t$('global.form[\'newpassword.label\']')">New password</label>
-                        <input type="password" class="form-control" id="firstPassword" name="password"
-                            :class="{ valid: !v$.registerAccount.password.$invalid, invalid: v$.registerAccount.password.$invalid }"
-                            v-model="v$.registerAccount.password.$model" minlength="4" maxlength="50" required
-                            v-bind:placeholder="t$('global.form[\'newpassword.placeholder\']')"
-                            data-cy="firstPassword" />
-                        <div v-if="v$.registerAccount.password.$anyDirty && v$.registerAccount.password.$invalid">
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.password.required"
-                                v-text="t$('global.messages.validate.newpassword.required')">
-                                Your password is required.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.password.minLength"
-                                v-text="t$('global.messages.validate.newpassword.minlength')">
-                                Your password is required to be at least 4 characters.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.registerAccount.password.maxLength"
-                                v-text="t$('global.messages.validate.newpassword.maxlength')">
-                                Your password cannot be longer than 50 characters.
-                            </small>
-                        </div>
-                    </div>
-                    <div class="form-group">
-                        <label class="form-control-label" for="secondPassword"
-                            v-text="t$('global.form[\'confirmpassword.label\']')">New password confirmation</label>
-                        <input type="password" class="form-control" id="secondPassword" name="confirmPasswordInput"
-                            :class="{ valid: !v$.confirmPassword.$invalid, invalid: v$.confirmPassword.$invalid }"
-                            v-model="v$.confirmPassword.$model" minlength="4" maxlength="50" required
-                            v-bind:placeholder="t$('global.form[\'confirmpassword.placeholder\']')"
-                            data-cy="secondPassword" />
-                        <div v-if="v$.confirmPassword.$dirty && v$.confirmPassword.$invalid">
-                            <small class="form-text text-danger" v-if="!v$.confirmPassword.required"
-                                v-text="t$('global.messages.validate.confirmpassword.required')">
-                                Your confirmation password is required.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.confirmPassword.minLength"
-                                v-text="t$('global.messages.validate.confirmpassword.minlength')">
-                                Your confirmation password is required to be at least 4 characters.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.confirmPassword.maxLength"
-                                v-text="t$('global.messages.validate.confirmpassword.maxlength')">
-                                Your confirmation password cannot be longer than 50 characters.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.confirmPassword.sameAsPassword"
-                                v-text="t$('global.messages.error.dontmatch')">
-                                The password and its confirmation do not match!
-                            </small>
-                        </div>
-                    </div>
 
-                    <button type="submit" :disabled="v$.$invalid" class="btn btn-primary"
-                        v-text="t$('register.form.button')" data-cy="submit">Register</button>
-                </form>
-                <p></p>
-                <div class="alert alert-warning">
-                    <span v-text="t$('global.messages.info.authenticated.prefix')">If you want to </span>
-                    <a class="alert-link" v-on:click="openLogin()"
-                        v-text="t$('global.messages.info.authenticated.link')">sign in</a><span
-                        v-html="t$('global.messages.info.authenticated.suffix')">, you can try the default
-                        accounts:<br />- Administrator (login="admin" and password="admin") <br />- User (login="user"
-                        and
-                        password="user").</span>
-                </div>
+        <div class="alert alert-danger" role="alert" v-if="errorEmailExists" v-html="t$('register.messages.error.emailexists')">
+          <strong>Email is already in use!</strong> Please choose another one.
+        </div>
+      </div>
+    </div>
+    <div class="row justify-content-center">
+      <div class="col-md-8">
+        <form id="register-form" name="registerForm" @submit.prevent="register()" v-if="!success" no-validate>
+          <div class="form-group">
+            <label class="form-control-label" for="username" v-text="t$('global.form[\'username.label\']')">Username</label>
+            <input
+              type="text"
+              class="form-control"
+              v-model="v$.registerAccount.login.$model"
+              id="username"
+              name="login"
+              :class="{ valid: !v$.registerAccount.login.$invalid, invalid: v$.registerAccount.login.$invalid }"
+              required
+              minlength="1"
+              maxlength="50"
+              pattern="^[a-zA-Z0-9!#$&'*+=?^_`{|}~.-]+@?[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$"
+              :placeholder="t$('global.form[\'username.placeholder\']')"
+              data-cy="username"
+            />
+            <div v-if="v$.registerAccount.login.$anyDirty && v$.registerAccount.login.$invalid">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.login.required"
+                v-text="t$('register.messages.validate.login.required')"
+              >
+                Your username is required.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.login.minLength"
+                v-text="t$('register.messages.validate.login.minlength')"
+              >
+                Your username is required to be at least 1 character.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.login.maxLength"
+                v-text="t$('register.messages.validate.login.maxlength')"
+              >
+                Your username cannot be longer than 50 characters.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.login.pattern"
+                v-text="t$('register.messages.validate.login.pattern')"
+              >
+                Your username can only contain letters and digits.
+              </small>
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="form-control-label" for="email" v-text="t$('global.form[\'email.label\']')">Email</label>
+            <input
+              type="email"
+              class="form-control"
+              id="email"
+              name="email"
+              :class="{ valid: !v$.registerAccount.email.$invalid, invalid: v$.registerAccount.email.$invalid }"
+              v-model="v$.registerAccount.email.$model"
+              minlength="5"
+              maxlength="254"
+              email
+              required
+              :placeholder="t$('global.form[\'email.placeholder\']')"
+              data-cy="email"
+            />
+            <div v-if="v$.registerAccount.email.$anyDirty && v$.registerAccount.email.$invalid">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.email.required"
+                v-text="t$('global.messages.validate.email.required')"
+              >
+                Your email is required.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.email.email"
+                v-text="t$('global.messages.validate.email.invalid')"
+              >
+                Your email is invalid.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.email.minLength"
+                v-text="t$('global.messages.validate.email.minlength')"
+              >
+                Your email is required to be at least 5 characters.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.email.maxLength"
+                v-text="t$('global.messages.validate.email.maxlength')"
+              >
+                Your email cannot be longer than 100 characters.
+              </small>
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="form-control-label" for="firstPassword" v-text="t$('global.form[\'newpassword.label\']')">New password</label>
+            <input
+              type="password"
+              class="form-control"
+              id="firstPassword"
+              name="password"
+              :class="{ valid: !v$.registerAccount.password.$invalid, invalid: v$.registerAccount.password.$invalid }"
+              v-model="v$.registerAccount.password.$model"
+              minlength="4"
+              maxlength="50"
+              required
+              :placeholder="t$('global.form[\'newpassword.placeholder\']')"
+              data-cy="firstPassword"
+            />
+            <div v-if="v$.registerAccount.password.$anyDirty && v$.registerAccount.password.$invalid">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.password.required"
+                v-text="t$('global.messages.validate.newpassword.required')"
+              >
+                Your password is required.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.password.minLength"
+                v-text="t$('global.messages.validate.newpassword.minlength')"
+              >
+                Your password is required to be at least 4 characters.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.registerAccount.password.maxLength"
+                v-text="t$('global.messages.validate.newpassword.maxlength')"
+              >
+                Your password cannot be longer than 50 characters.
+              </small>
             </div>
+          </div>
+          <div class="form-group">
+            <label class="form-control-label" for="secondPassword" v-text="t$('global.form[\'confirmpassword.label\']')"
+              >New password confirmation</label
+            >
+            <input
+              type="password"
+              class="form-control"
+              id="secondPassword"
+              name="confirmPasswordInput"
+              :class="{ valid: !v$.confirmPassword.$invalid, invalid: v$.confirmPassword.$invalid }"
+              v-model="v$.confirmPassword.$model"
+              minlength="4"
+              maxlength="50"
+              required
+              :placeholder="t$('global.form[\'confirmpassword.placeholder\']')"
+              data-cy="secondPassword"
+            />
+            <div v-if="v$.confirmPassword.$dirty && v$.confirmPassword.$invalid">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.confirmPassword.required"
+                v-text="t$('global.messages.validate.confirmpassword.required')"
+              >
+                Your confirmation password is required.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.confirmPassword.minLength"
+                v-text="t$('global.messages.validate.confirmpassword.minlength')"
+              >
+                Your confirmation password is required to be at least 4 characters.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.confirmPassword.maxLength"
+                v-text="t$('global.messages.validate.confirmpassword.maxlength')"
+              >
+                Your confirmation password cannot be longer than 50 characters.
+              </small>
+              <small class="form-text text-danger" v-if="!v$.confirmPassword.sameAsPassword" v-text="t$('global.messages.error.dontmatch')">
+                The password and its confirmation do not match!
+              </small>
+            </div>
+          </div>
+
+          <button type="submit" :disabled="v$.$invalid" class="btn btn-primary" v-text="t$('register.form.button')" data-cy="submit">
+            Register
+          </button>
+        </form>
+        <p></p>
+        <div class="alert alert-warning">
+          <span v-text="t$('global.messages.info.authenticated.prefix')">If you want to </span>
+          <a class="alert-link" @click="openLogin()" v-text="t$('global.messages.info.authenticated.link')">sign in</a
+          ><span v-html="t$('global.messages.info.authenticated.suffix')"
+            >, you can try the default accounts:<br />- Administrator (login="admin" and password="admin") <br />- User (login="user" and
+            password="user").</span
+          >
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script lang="ts" src="./register.component.ts"></script>

package/dist/generators/vue/templates/src/main/webapp/app/account/reset-password/finish/reset-password-finish.component.spec.ts.ejs

@@ -43,9 +43,9 @@ describe('Reset Component Finish', () => {
       response: {
         status: null,
         data: {
-          type: null
-        }
-      }
+          type: null,
+        },
+      },
     });
 
     // When