generator-jhipster 8.10.0 → 8.11.0

package/dist/generators/vue/templates/src/main/webapp/app/admin/health/health.service.ts.ejs

@@ -1,30 +1,30 @@
 import axios, { type AxiosPromise } from 'axios';
 
 export default class HealthService {
-  public separator: string;
+  separator: string;
 
   constructor() {
     this.separator = '.';
   }
 
-  public checkHealth(): AxiosPromise<any> {
+  checkHealth(): AxiosPromise<any> {
     return axios.get('management/health');
   }
 
-  public transformHealthData(data: any): any {
+  transformHealthData(data: any): any {
     const response = [];
     this.flattenHealthData(response, null, data.components);
     return response;
   }
 
-  public getBaseName(name: string): string {
+  getBaseName(name: string): string {
     if (name) {
       const split = name.split('.');
       return split[0];
     }
   }
 
-  public getSubSystemName(name: string): string {
+  getSubSystemName(name: string): string {
     if (name) {
       const split = name.split('.');
       split.splice(0, 1);
@@ -33,7 +33,7 @@ export default class HealthService {
     }
   }
 
-  public addHealthObject(result: any, isLeaf: boolean, healthObject: any, name: string) {
+  addHealthObject(result: any, isLeaf: boolean, healthObject: any, name: string) {
     const healthData = {
       name,
       details: undefined,
@@ -69,7 +69,7 @@ export default class HealthService {
     return healthData;
   }
 
-  public flattenHealthData(result: any, path: any, data: any): any {
+  flattenHealthData(result: any, path: any, data: any): any {
     for (const key in data) {
       if (Object.hasOwn(data, key)) {
         const value = data[key];
@@ -86,7 +86,7 @@ export default class HealthService {
     return result;
   }
 
-  public getModuleName(path: any, name: string) {
+  getModuleName(path: any, name: string) {
     if (path && name) {
       return path + this.separator + name;
     } else if (path) {
@@ -97,7 +97,7 @@ export default class HealthService {
     return '';
   }
 
-  public hasSubSystem(healthObject: any): any {
+  hasSubSystem(healthObject: any): any {
     let result = false;
 
     for (const key in healthObject) {
@@ -111,7 +111,7 @@ export default class HealthService {
     return result;
   }
 
-  public isHealthObject(healthObject: any): any {
+  isHealthObject(healthObject: any): any {
     let result = false;
 
     for (const key in healthObject) {

package/dist/generators/vue/templates/src/main/webapp/app/admin/logs/logs.service.ts.ejs

@@ -1,11 +1,11 @@
 import axios, { type AxiosPromise } from 'axios';
 
 export default class LogsService {
-  public changeLevel(name: string, configuredLevel: string): AxiosPromise<any> {
+  changeLevel(name: string, configuredLevel: string): AxiosPromise<any> {
     return axios.post(`management/loggers/${name}`, { configuredLevel });
   }
 
-  public findAll(): AxiosPromise<any> {
+  findAll(): AxiosPromise<any> {
     return axios.get('management/loggers');
   }
 }

package/dist/generators/vue/templates/src/main/webapp/app/admin/metrics/metrics-modal.vue.ejs

@@ -18,7 +18,7 @@
     <div class="mt-2">&nbsp;</div>
     Filter
     <input type="text" v-model="threadDumpFilter" class="form-control" />
-    <div class="pad" v-for="(entry, key) of filteredThreadDump" :key="key">
+    <div class="pad" v-for="(entry, key1) of filteredThreadDump" :key="key1">
       <h6>
         <span class="badge" :class="getBadgeClass(entry.threadState)">{{ entry.threadState }}</span
         >&nbsp;{{ entry.threadName }} (ID {{ entry.threadId }})
@@ -29,7 +29,7 @@
       </h6>
       <div class="card" :hidden="!entry.show">
         <div class="card-body">
-          <div v-for="(st, key) of entry.stackTrace" :key="key" class="break">
+          <div v-for="(st, key2) of entry.stackTrace" :key="key2" class="break">
             <samp
               >{{ st.className }}.{{ st.methodName }}(<code>{{ st.fileName }}:{{ st.lineNumber }}</code
               >)</samp

package/dist/generators/vue/templates/src/main/webapp/app/admin/metrics/metrics.service.ts.ejs

@@ -1,11 +1,11 @@
 import axios, { type AxiosPromise } from 'axios';
 
 export default class MetricsService {
-  public getMetrics(): AxiosPromise<any> {
+  getMetrics(): AxiosPromise<any> {
     return axios.get('management/jhimetrics');
   }
 
-  public retrieveThreadDump(): AxiosPromise<any> {
+  retrieveThreadDump(): AxiosPromise<any> {
     return axios.get('management/threaddump');
   }
 }

package/dist/generators/vue/templates/src/main/webapp/app/admin/tracker/tracker.service.ts.ejs

@@ -37,7 +37,7 @@ export const useTrackerService = ({ stomp, authenticated }: { stomp?: RxStomp; a
 };
 
 export default class TrackerService {
-  public status = ref<'open' | 'connecting' | 'closing' | 'closed'>('closed');
+  status = ref<'open' | 'connecting' | 'closing' | 'closed'>('closed');
   private rxStomp: RxStomp;
 
   constructor({ stomp }: { stomp?: RxStomp }) {
@@ -74,12 +74,12 @@ export default class TrackerService {
     });
   }
 
-  public connect(): void {
+  connect(): void {
     this.updateCredentials();
     this.rxStomp.activate();
   }
 
-  public async disconnect(): Promise<void> {
+  async disconnect(): Promise<void> {
     await this.rxStomp.deactivate();
   }
 <%_ if (authenticationTypeJwt) { _%>
@@ -121,14 +121,14 @@ export default class TrackerService {
     });
   }
 
-  public sendActivity(page: string): void {
+  sendActivity(page: string): void {
     this.rxStomp.publish({
       destination: DESTINATION_ACTIVITY,
       body: JSON.stringify({ page }),
     });
   }
 
-  public subscribe(observer) {
+  subscribe(observer) {
     return this.rxStomp
       .watch(DESTINATION_TRACKER)
       .pipe(map(imessage => JSON.parse(imessage.body)))

package/dist/generators/vue/templates/src/main/webapp/app/admin/user-management/user-management.service.ts.ejs

@@ -7,27 +7,27 @@ import { type IUser } from '@/shared/model/user.model';
 
 export default class UserManagementService {
 
-  public get(userId: string): Promise<any> {
+  get(userId: string): Promise<any> {
     return axios.get(`api/admin/users/${userId}`);
   }
 
-  public create(user: IUser): Promise<any> {
+  create(user: IUser): Promise<any> {
     return axios.post('api/admin/users', user);
   }
 
-  public update(user: IUser): Promise<any> {
+  update(user: IUser): Promise<any> {
     return axios.put('api/admin/users', user);
   }
 
-  public remove(userId: <%- user.primaryKey.tsType %>): Promise<any> {
+  remove(userId: <%- user.primaryKey.tsType %>): Promise<any> {
     return axios.delete(`api/admin/users/${userId}`);
   }
 
-  public retrieve(<%_ if (!databaseTypeCassandra) { _%>req?: any <%_ } _%>): Promise<any> {
+  retrieve(<%_ if (!databaseTypeCassandra) { _%>req?: any <%_ } _%>): Promise<any> {
     return axios.get(`api/admin/users<%_ if (!databaseTypeCassandra) { _%>?${buildPaginationQueryOpts(req)}<%_ } _%>`);
   }
 
-  public retrieveAuthorities(): Promise<any> {
+  retrieveAuthorities(): Promise<any> {
 <%_ if (!databaseTypeCassandra) { _%>
     return axios.get('api/authorities').then(response => {
       response.data = response.data.map(authority => authority.name);

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

@@ -1,15 +1,33 @@
+<%#
+ Copyright 2013-2025 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
 import { defineComponent, provide } from 'vue';
-<%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
+import { storeToRefs } from 'pinia';
+
+<%_ if (!authenticationTypeOauth2) { _%>
+import { useLoginModal } from '@/account/login-modal';
+import LoginForm from '@/account/login-form/login-form.vue';
 <%_ } _%>
 import Ribbon from '@/core/ribbon/ribbon.vue';
 import JhiFooter from '@/core/jhi-footer/jhi-footer.vue';
 import JhiNavbar from '@/core/jhi-navbar/jhi-navbar.vue';
-<%_ if (!authenticationTypeOauth2) { _%>
-import LoginForm from '@/account/login-form/login-form.vue';
-<%_ } %>
 import { useAlertService } from '@/shared/alert/alert.service';
-
 import '@/shared/config/dayjs';
 
 export default defineComponent({
@@ -25,11 +43,15 @@ export default defineComponent({
   },
   setup() {
     provide('alertService', useAlertService());
+<%_ if (!authenticationTypeOauth2) { _%>
+    const { loginModalOpen } = storeToRefs(useLoginModal());
+<%_ } _%>
 
     return {
-<%_ if (enableTranslation) { _%>
-      t$: useI18n().t,
+<%_ if (!authenticationTypeOauth2) { _%>
+      loginModalOpen,
 <%_ } _%>
+      t$: useI18n().t,
     };
   },
 });

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

@@ -1,3 +1,21 @@
+<%#
+ Copyright 2013-2025 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
 <template>
   <div id="app">
     <ribbon></ribbon>
@@ -9,7 +27,7 @@
         <router-view></router-view>
       </div>
 <%_ if (!authenticationTypeOauth2) { _%>
-      <b-modal id="login-page" hide-footer lazy>
+      <b-modal id="login-page" v-model="loginModalOpen" hide-footer lazy>
         <template #modal-title>
           <span data-cy="loginTitle" id="login-title" v-text="t$('login.title')">Sign in</span>
         </template>

package/dist/generators/vue/templates/src/main/webapp/app/core/error/error.component.spec.ts.ejs

@@ -1,11 +1,32 @@
+<%#
+ Copyright 2013-2025 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
 import { vitest } from 'vitest';
 import { type Ref, ref } from 'vue';
-import { shallowMount } from '@vue/test-utils';
+import { shallowMount, type ComponentMountingOptions } from '@vue/test-utils';
 import { type RouteLocation } from 'vue-router';
+import { createTestingPinia } from '@pinia/testing';
 
-import Error from './error.vue';
+<%_ if (generateUserManagement) { _%>
+import { useLoginModal } from '@/account/login-modal';
 
-import <% if (authenticationTypeOauth2) { %>type <% } %>LoginService from '@/account/login.service';
+<%_ } _%>
+import Error from './error.vue';
 
 type ErrorComponentType = InstanceType<typeof Error>;
 
@@ -19,22 +40,32 @@ const customErrorMsg = 'An error occurred.';
 
 describe('Error component', () => {
   let error: ErrorComponentType;
+<%_ if (authenticationTypeOauth2) { _%>
   let loginService: LoginService;
+<%_ } _%>
+<%_ if (generateUserManagement) { _%>
+  let login: ReturnType<typeof useLoginModal>;
+<%_ } _%>
   let authenticated: Ref<boolean>;
+  let mountOptions: ComponentMountingOptions<ErrorComponentType>;
 
   beforeEach(() => {
     route = {};
     authenticated = ref(false);
-<%_ if (authenticationTypeJwt) { _%>
-    loginService = new LoginService({ emit: vitest.fn() });
-    vitest.spyOn(loginService, 'openLogin');
-<%_ } else if (authenticationTypeSession) { _%>
-    loginService = new LoginService({ emit: vitest.fn() });
-    vitest.spyOn(loginService, 'openLogin');
-    vitest.spyOn(loginService, 'logout');
-<%_ } else if (authenticationTypeOauth2) { _%>
+<%_ if (authenticationTypeOauth2) { _%>
     loginService = { login: vitest.fn(), logout: vitest.fn() };
 <%_ } _%>
+    mountOptions = {
+      global: {
+        plugins: [createTestingPinia()],
+        provide: {
+<%_ if (authenticationTypeOauth2) { _%>
+          loginService,
+<%_ } _%>
+          authenticated,
+        },
+      },
+    };
   });
 
   it('should have retrieve custom error on routing', () => {
@@ -43,21 +74,17 @@ describe('Error component', () => {
       name: 'CustomMessage',
       meta: { errorMessage: customErrorMsg },
     };
-    const wrapper = shallowMount(Error, {
-      global: {
-        provide: {
-          loginService,
-          authenticated,
-        },
-      },
-    });
+    const wrapper = shallowMount(Error, mountOptions);
     error = wrapper.vm;
+<%_ if (generateUserManagement) { _%>
+    login = useLoginModal();
+<%_ } _%>
 
     expect(error.errorMessage).toBe(customErrorMsg);
     expect(error.error403).toBeFalsy();
     expect(error.error404).toBeFalsy();
-<%_ if (!authenticationTypeOauth2) { _%>
-    expect(loginService.openLogin).toHaveBeenCalledTimes(0);
+<%_ if (generateUserManagement) { _%>
+    expect(login.showLogin).not.toHaveBeenCalled();
 <%_ } else { _%>
     expect(loginService.login).toHaveBeenCalledTimes(0);
 <%_ } _%>
@@ -67,21 +94,17 @@ describe('Error component', () => {
     route = {
       meta: { error403: true },
     };
-    const wrapper = shallowMount(Error, {
-      global: {
-        provide: {
-          loginService,
-          authenticated,
-        },
-      },
-    });
+    const wrapper = shallowMount(Error, mountOptions);
     error = wrapper.vm;
+<%_ if (generateUserManagement) { _%>
+    login = useLoginModal();
+<%_ } _%>
 
     expect(error.errorMessage).toBeNull();
     expect(error.error403).toBeTruthy();
     expect(error.error404).toBeFalsy();
-<%_ if (!authenticationTypeOauth2) { _%>
-    expect(loginService.openLogin).toHaveBeenCalled();
+<%_ if (generateUserManagement) { _%>
+    expect(login.showLogin).toHaveBeenCalled();
 <%_ } else { _%>
     expect(loginService.login).toHaveBeenCalled();
 <%_ } _%>
@@ -91,42 +114,34 @@ describe('Error component', () => {
     route = {
       meta: { error404: true },
     };
-    const wrapper = shallowMount(Error, {
-      global: {
-        provide: {
-          loginService,
-          authenticated,
-        },
-      },
-    });
+    const wrapper = shallowMount(Error, mountOptions);
     error = wrapper.vm;
+<%_ if (generateUserManagement) { _%>
+    login = useLoginModal();
+<%_ } _%>
 
     expect(error.errorMessage).toBeNull();
     expect(error.error403).toBeFalsy();
     expect(error.error404).toBeTruthy();
-<%_ if (!authenticationTypeOauth2) { _%>
-    expect(loginService.openLogin).toHaveBeenCalledTimes(0);
+<%_ if (generateUserManagement) { _%>
+    expect(login.showLogin).not.toHaveBeenCalled();
 <%_ } else { _%>
     expect(loginService.login).toHaveBeenCalledTimes(0);
 <%_ } _%>
   });
 
   it('should have set default on no error', () => {
-    const wrapper = shallowMount(Error, {
-      global: {
-        provide: {
-          loginService,
-          authenticated,
-        },
-      },
-    });
+    const wrapper = shallowMount(Error, mountOptions);
     error = wrapper.vm;
+<%_ if (generateUserManagement) { _%>
+    login = useLoginModal();
+<%_ } _%>
 
     expect(error.errorMessage).toBeNull();
     expect(error.error403).toBeFalsy();
     expect(error.error404).toBeFalsy();
-<%_ if (!authenticationTypeOauth2) { _%>
-    expect(loginService.openLogin).toHaveBeenCalledTimes(0);
+<%_ if (generateUserManagement) { _%>
+    expect(login.showLogin).not.toHaveBeenCalled();
 <%_ } else { _%>
     expect(loginService.login).toHaveBeenCalledTimes(0);
 <%_ } _%>

package/dist/generators/vue/templates/src/main/webapp/app/core/error/error.component.ts.ejs

@@ -1,15 +1,41 @@
-import { type ComputedRef, defineComponent, inject, type Ref, ref } from 'vue';
+<%#
+ Copyright 2013-2025 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
+import { type ComputedRef, type Ref, defineComponent, inject, ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
-import type LoginService from '@/account/login.service';
 import { useRoute } from 'vue-router';
+<%_ if (authenticationTypeOauth2) { _%>
+import type LoginService from '@/account/login.service';
+<%_ } else { _%>
+import { useLoginModal } from '@/account/login-modal';
+<%_ } _%>
 
 export default defineComponent({
   compatConfig: { MODE: 3 },
   name: 'Error',
   setup() {
-    const loginService = inject<LoginService>('loginService');
+<%_ if (authenticationTypeOauth2) { _%>
+    const { login } = inject<LoginService>('loginService');
+<%_ } else { _%>
+    const { showLogin } = useLoginModal();
+<%_ } _%>
     const authenticated = inject<ComputedRef<boolean>>('authenticated');
     const errorMessage: Ref<string> = ref(null);
     const error403: Ref<boolean> = ref(false);
@@ -21,11 +47,7 @@ export default defineComponent({
       error403.value = route.meta.error403 ?? false;
       error404.value = route.meta.error404 ?? false;
       if (!authenticated.value && error403.value) {
-<%_ if (!authenticationTypeOauth2) { _%>
-        loginService.openLogin();
-<%_ } else { %>
-        loginService.login();
-<%_ } %>
+        <% if (authenticationTypeOauth2) { %>login<% } else { %>showLogin<% } %>();
       }
     }
 

package/dist/generators/vue/templates/src/main/webapp/app/core/home/home.component.spec.ts.ejs

@@ -1,6 +1,28 @@
-import { vitest } from 'vitest';
+<%#
+ Copyright 2013-2025 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
+import { beforeEach, describe, expect, it } from 'vitest';
 import { ref } from 'vue';
 import { shallowMount } from '@vue/test-utils';
+<%_ if (!authenticationTypeOauth2) { _%>
+import { createTestingPinia } from '@pinia/testing';
+import { useLoginModal } from '@/account/login-modal';
+<%_ } _%>
 import Home from './home.vue';
 
 type HomeComponentType = InstanceType<typeof Home>;
@@ -9,30 +31,37 @@ describe('Home', () => {
   let home: HomeComponentType;
   let authenticated;
   let currentUsername;
-<%_ if (authenticationTypeJwt) { _%>
-  const loginService = { openLogin: vitest.fn() };
-<%_ } else if (authenticationTypeSession) { _%>
-  const loginService = { openLogin: vitest.fn(), logout: vitest.fn() };
-<%_ } else if (authenticationTypeOauth2) { _%>
-  const loginService = { login: vitest.fn(), logout: vitest.fn() };
+<%_ if (!authenticationTypeOauth2) { _%>
+  let login: ReturnType<typeof useLoginModal>;
 <%_ } _%>
 
+<%_ if (authenticationTypeOauth2) { _%>
+  const loginService = { login: vitest.fn(), logout: vitest.fn() };
+<%_ } _%>
   beforeEach(() => {
     authenticated = ref(false);
     currentUsername = ref('');
     const wrapper = shallowMount(Home, {
       global: {
+<%_ if (!authenticationTypeOauth2) { _%>
+        plugins: [createTestingPinia()],
+<%_ } _%>
         stubs: {
           'router-link': true,
         },
         provide: {
+<%_ if (authenticationTypeOauth2) { _%>
           loginService,
+<%_ } _%>
           authenticated,
           currentUsername,
         },
       },
     });
     home = wrapper.vm;
+<%_ if (!authenticationTypeOauth2) { _%>
+    login = useLoginModal();
+<%_ } _%>
   });
 
   it('should not have user data set', () => {
@@ -49,12 +78,13 @@ describe('Home', () => {
   });
 
   it('should use login service', () => {
-    home.openLogin();
 
-<%_ if (!authenticationTypeOauth2) { _%>
-    expect(loginService.openLogin).toHaveBeenCalled();
-<%_ } else { %>
+<%_ if (authenticationTypeOauth2) { _%>
+    home.login();
     expect(loginService.login).toHaveBeenCalled();
+<%_ } else { %>
+    home.showLogin();
+    expect(login.showLogin).toHaveBeenCalled();
 <%_ } %>
   });
 });

package/dist/generators/vue/templates/src/main/webapp/app/core/home/home.component.ts.ejs

@@ -3,28 +3,27 @@ import { type ComputedRef, defineComponent, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
 
+<%_ if (authenticationTypeOauth2) { _%>
 import type LoginService from '@/account/login.service';
+<%_ } else { _%>
+import { useLoginModal } from '@/account/login-modal';
+<%_ } _%>
 
 export default defineComponent({
   compatConfig: { MODE: 3 },
   setup() {
-    const loginService = inject<LoginService>('loginService');
-
+<%_ if (authenticationTypeOauth2) { _%>
+    const { login } = inject<LoginService>('loginService');
+<%_ } else { _%>
+    const { showLogin } = useLoginModal();
+<%_ } _%>
     const authenticated = inject<ComputedRef<boolean>>('authenticated');
     const username = inject<ComputedRef<string>>('currentUsername');
 
-    const openLogin = () => {
-<%_ if (!authenticationTypeOauth2) { _%>
-      loginService.openLogin();
-<%_ } else { %>
-      loginService.login();
-<%_ } _%>
-    };
-
     return {
       authenticated,
       username,
-      openLogin,
+      <% if (authenticationTypeOauth2) { %>login<% } else { %>showLogin<% } %>,
 <%_ if (enableTranslation) { _%>
       t$: useI18n().t,
 <%_ } _%>