generator-jhipster 8.6.0 → 8.7.0

package/dist/generators/vue/templates/src/main/webapp/app/entities/_entityFolder_/_entityFile_-details.vue.ejs

@@ -15,14 +15,14 @@
                         <span v-text="t$('<%= frontendAppName %>.<%= fieldType %>.' + <%= entityInstance %>.<%= fieldName %>)">{{<%= entityInstance %>.<%= fieldName %>}}</span>
   <%_ } else if (field.fieldTypeBinary && field.blobContentTypeImage) { _%>
                         <div v-if="<%= entityInstance %>.<%= fieldName %>">
-                            <a v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)">
-                                <img v-bind:src="'data:' + <%=entityInstance %>.<%= fieldName %>ContentType + ';base64,' + <%= entityInstance %>.<%= fieldName %>" style="max-width: 100%;" alt="<%=entityInstance %>"/>
+                            <a @click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)">
+                                <img :src="'data:' + <%=entityInstance %>.<%= fieldName %>ContentType + ';base64,' + <%= entityInstance %>.<%= fieldName %>" style="max-width: 100%;" alt="<%=entityInstance %>"/>
                             </a>
                             {{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}
                         </div>
   <%_ } else if (field.fieldTypeBinary && field.blobContentTypeAny) { _%>
                         <div v-if="<%= entityInstance %>.<%= fieldName %>">
-                            <a v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a>
+                            <a @click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a>
                             {{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}
                         </div>
   <%_ } else if (field.fieldTypeDuration) { _%>
@@ -71,7 +71,7 @@
 <%_ } _%>
                 </dl>
                 <button type="submit"
-                        v-on:click.prevent="previousState()"
+                        @click.prevent="previousState()"
                         class="btn btn-info"
                         data-cy="entityDetailsBackButton">
                     <font-awesome-icon icon="arrow-left"></font-awesome-icon>&nbsp;<span v-text="t$('entity.action.back')"> Back</span>

package/dist/generators/vue/templates/src/main/webapp/app/entities/_entityFolder_/_entityFile_-update.vue.ejs

@@ -1,7 +1,7 @@
 <template>
     <div class="row justify-content-center">
         <div class="col-8">
-            <form name="editForm" novalidate v-on:submit.prevent="save()" >
+            <form name="editForm" novalidate @submit.prevent="save()" >
                 <h2 id="<%= i18nKeyPrefix %>.home.createOrEditLabel" data-cy="<%= entityClass %>CreateUpdateHeading" v-text="t$('<%= i18nKeyPrefix %>.home.createOrEditLabel')">Create or edit a <%= entityAngularName %></h2>
                 <div>
                     <div class="form-group" v-if="<%= entityInstance %>.<%= primaryKey.name %>">
@@ -35,33 +35,33 @@ _%>
   <%_ if (field.fieldIsEnum) { _%>
                         <select class="form-control" name="<%= fieldName %>" :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }" v-model="v$.<%= fieldName %>.$model" id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>" <% if (field.fieldValidate === true && field.fieldValidateRules.includes('required')) { %> required<% } %>>
     <%_ const enumPrefix = frontendAppName + '.'+ fieldType; _%>
-                            <option v-for="<%= this._.lowerFirst(fieldType) %> in <%= this._.lowerFirst(fieldType)%>Values" :key="<%= this._.lowerFirst(fieldType) %>" v-bind:value="<%= this._.lowerFirst(fieldType) %>" v-bind:label="t$('<%= enumPrefix %>.'+<%= this._.lowerFirst(fieldType) %>)">{{ <%= this._.lowerFirst(fieldType) %> }}</option>
+                            <option v-for="<%= this._.lowerFirst(fieldType) %> in <%= this._.lowerFirst(fieldType)%>Values" :key="<%= this._.lowerFirst(fieldType) %>" :value="<%= this._.lowerFirst(fieldType) %>" :label="t$('<%= enumPrefix %>.'+<%= this._.lowerFirst(fieldType) %>)">{{ <%= this._.lowerFirst(fieldType) %> }}</option>
 
                         </select>
   <%_ } else { _%>
     <%_ if (field.fieldTypeBinary && !field.blobContentTypeText) { _%>
                         <div>
       <%_ if (field.blobContentTypeImage) { _%>
-                            <img v-bind:src="'data:' + <%=entityInstance %>.<%=fieldName%>ContentType + ';base64,' + <%=entityInstance %>.<%=fieldName%>" style="max-height: 100px;" v-if="<%= entityInstance %>.<%= fieldName %>" alt="<%=entityInstance %>"/>
+                            <img :src="'data:' + <%=entityInstance %>.<%=fieldName%>ContentType + ';base64,' + <%=entityInstance %>.<%=fieldName%>" style="max-height: 100px;" v-if="<%= entityInstance %>.<%= fieldName %>" alt="<%=entityInstance %>"/>
       <%_ } _%>
                             <div v-if="<%= entityInstance %>.<%= fieldName %>" class="form-text text-danger clearfix">
       <%_ if (field.blobContentTypeAny) { _%>
-                                <a class="pull-left" v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a><br>
+                                <a class="pull-left" @click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a><br>
                                 <span class="pull-left">{{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}</span>
       <%_ } else { _%>
                                 <span class="pull-left">{{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}</span>
       <%_ } _%>
       <%_ if (field.blobContentTypeImage) { _%>
-                                <button type="button" v-on:click="clearInputImage('<%= fieldName %>', '<%= fieldName %>ContentType', 'file_<%= fieldName %>')" class="btn btn-secondary btn-xs pull-right">
+                                <button type="button" @click="clearInputImage('<%= fieldName %>', '<%= fieldName %>ContentType', 'file_<%= fieldName %>')" class="btn btn-secondary btn-xs pull-right">
       <%_ } else { _%>
-                                <button type="button" v-on:click="<%= entityInstance %>.<%= fieldName %>=null;<%= entityInstance %>.<%= fieldName %>ContentType=null;"
+                                <button type="button" @click="<%= entityInstance %>.<%= fieldName %>=null;<%= entityInstance %>.<%= fieldName %>ContentType=null;"
                                         class="btn btn-secondary btn-xs pull-right">
       <%_ } _%>
                                     <font-awesome-icon icon="times"></font-awesome-icon>
                                 </button>
                             </div>
                             <label for="file_<%= fieldName %>" <% if (fieldTypeBlobContent === 'image') { %>v-text="t$('entity.action.addimage')"<% } else { %>v-text="t$('entity.action.addblob')"<% } %> class="btn btn-primary pull-right"></label>
-                            <input type="file" ref="file_<%= fieldName %>" id="file_<%= fieldName %>" style="display: none;" data-cy="<%= fieldName %>" v-on:change="setFileData($event, <%= entityInstance %>, '<%= fieldName %>', <% if (fieldTypeBlobContent === 'image') { %>true)" accept="image/*"<% } else { %>false)"<% } %>/>
+                            <input type="file" ref="file_<%= fieldName %>" id="file_<%= fieldName %>" style="display: none;" data-cy="<%= fieldName %>" @change="setFileData($event, <%= entityInstance %>, '<%= fieldName %>', <% if (fieldTypeBlobContent === 'image') { %>true)" accept="image/*"<% } else { %>false)"<% } %>/>
                         </div>
     <%_ } _%>
     <%_ if (field.fieldTypeLocalDate) { _%>
@@ -135,18 +135,18 @@ _%>
                         <label class="form-control-label" v-text="t$('<%= translationKey %>')" for="<%= entityFileName %>-<%= relationshipName %>"><%= relationshipNameHumanized %></label>
                         <select class="form-control" id="<%= entityFileName %>-<%= relationshipName %>" data-cy="<%= relationshipFieldName %>" name="<%= relationshipName %>" v-model="<%= entityInstance %>.<%=relationshipFieldName %>"<% if (relationshipRequired) { %> required<% } %>>
     <%_ if (!relationshipRequired) { _%>
-                            <option v-bind:value="null"></option>
+                            <option :value="null"></option>
     <%_ } else { _%>
-                            <option v-if="!<%= entityInstance %>.<%= relationshipName %>" v-bind:value="null" selected></option>
+                            <option v-if="!<%= entityInstance %>.<%= relationshipName %>" :value="null" selected></option>
     <%_ } _%>
-                            <option v-bind:value="<%= entityInstance %>.<%=relationshipFieldName %> && <%=otherEntityName %>Option.<%= relationship.otherEntity.primaryKey.name %> === <%= entityInstance %>.<%=relationshipFieldName %>.<%= relationship.otherEntity.primaryKey.name %> ? <%= entityInstance %>.<%=relationshipFieldName %> : <%=otherEntityName %>Option" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.<%= relationship.otherEntity.primaryKey.name %>">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
+                            <option :value="<%= entityInstance %>.<%=relationshipFieldName %> && <%=otherEntityName %>Option.<%= relationship.otherEntity.primaryKey.name %> === <%= entityInstance %>.<%=relationshipFieldName %>.<%= relationship.otherEntity.primaryKey.name %> ? <%= entityInstance %>.<%=relationshipFieldName %> : <%=otherEntityName %>Option" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.<%= relationship.otherEntity.primaryKey.name %>">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
                         </select>
                     </div>
   <%_ } else if (relationship.persistableRelationship) { _%>
                     <div class="form-group">
                         <label v-text="t$('<%= translationKey %>')" for="<%= entityFileName %>-<%= relationshipName %>"><%= relationshipNameHumanized %></label>
                         <select class="form-control" id="<%= entityFileName %>-<%= relationshipFieldNamePlural %>" data-cy="<%= relationshipFieldName %>" multiple name="<%= relationshipName %>" v-if="<%=entityInstance %>.<%=relationshipFieldNamePlural %> !== undefined" v-model="<%=entityInstance %>.<%=relationshipFieldNamePlural %>"<% if (relationshipRequired) { %> required<% } %>>
-                            <option v-bind:value="getSelected(<%=entityInstance %>.<%=relationshipFieldNamePlural %>, <%=otherEntityName %>Option, '<%= relationship.otherEntity.primaryKey.name %>')" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.<%= relationship.otherEntity.primaryKey.name %>">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
+                            <option :value="getSelected(<%=entityInstance %>.<%=relationshipFieldNamePlural %>, <%=otherEntityName %>Option, '<%= relationship.otherEntity.primaryKey.name %>')" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.<%= relationship.otherEntity.primaryKey.name %>">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
                         </select>
                     </div>
   <%_ } _%>
@@ -162,7 +162,7 @@ _%>
 <%_ } _%>
                 </div>
                 <div>
-                    <button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="btn btn-secondary" v-on:click="previousState()">
+                    <button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="btn btn-secondary" @click="previousState()">
                         <font-awesome-icon icon="ban"></font-awesome-icon>&nbsp;<span v-text="t$('entity.action.cancel')">Cancel</span>
                     </button>
                     <button type="submit" id="save-entity" data-cy="entityCreateSaveButton" :disabled="v$.$invalid || isSaving" class="btn btn-primary">

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

@@ -3,7 +3,7 @@
         <h2 id="page-heading" data-cy="<%= entityClass %>Heading">
             <span v-text="t$('<%= i18nKeyPrefix %>.home.title')" id="<%= entityFileName %>-heading"><%= entityClassPluralHumanized %></span>
             <div class="d-flex justify-content-end">
-                <button class="btn btn-info mr-2" v-on:click="handleSyncList" :disabled="isFetching">
+                <button class="btn btn-info mr-2" @click="handleSyncList" :disabled="isFetching">
                     <font-awesome-icon icon="sync" :spin="isFetching"></font-awesome-icon> <span v-text="t$('<%= i18nKeyPrefix %>.home.refreshListLabel')">Refresh List</span>
                 </button>
 <%_ if (!readOnly) { _%>
@@ -21,15 +21,15 @@
 <%_ if (searchEngineAny) { _%>
         <div class="row">
             <div class="col-sm-12">
-                <form name="searchForm" class="form-inline" v-on:submit.prevent="search(currentSearch)">
+                <form name="searchForm" class="form-inline" @submit.prevent="search(currentSearch)">
                     <div class="input-group w-100 mt-3">
                         <input type="text" class="form-control" name="currentSearch" id="currentSearch"
-                            v-bind:placeholder="t$('<%= i18nKeyPrefix %>.home.search')"
+                            :placeholder="t$('<%= i18nKeyPrefix %>.home.search')"
                             v-model="currentSearch" />
-                        <button type="button" id="launch-search" class="btn btn-primary" v-on:click="search(currentSearch)">
+                        <button type="button" id="launch-search" class="btn btn-primary" @click="search(currentSearch)">
                             <font-awesome-icon icon="search"></font-awesome-icon>
                         </button>
-                        <button type="button" id="clear-search" class="btn btn-secondary" v-on:click="clear()"
+                        <button type="button" id="clear-search" class="btn btn-secondary" @click="clear()"
                             v-if="currentSearch">
                             <font-awesome-icon icon="trash"></font-awesome-icon>
                         </button>
@@ -46,14 +46,14 @@
             <table class="table table-striped" aria-describedby="<%= entityInstancePlural %>">
                 <thead>
                 <tr>
-                    <th scope="row"<% if (!paginationNo) { %> v-on:click="changeOrder('<%= primaryKey.name %>')"<% } %>><span v-text="t$('global.field.id')"><%= primaryKey.nameCapitalized %></span><% if (!paginationNo) { %> <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'id'"></jhi-sort-indicator><% } %></th>
+                    <th scope="row"<% if (!paginationNo) { %> @click="changeOrder('<%= primaryKey.name %>')"<% } %>><span v-text="t$('global.field.id')"><%= primaryKey.nameCapitalized %></span><% if (!paginationNo) { %> <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'id'"></jhi-sort-indicator><% } %></th>
 <%_ for (field of fields.filter(field => !field.id)) { _%>
-                    <th scope="row"<% if (!paginationNo) { %> v-on:click="changeOrder('<%= field.fieldName%>')"<% } %>><span v-text="t$('<%=`${i18nKeyPrefix}.${field.fieldName}` %>')"><%= field.fieldNameHumanized %></span><% if (!paginationNo) { %> <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'<%= field.fieldName%>'"></jhi-sort-indicator><% } %></th>
+                    <th scope="row"<% if (!paginationNo) { %> @click="changeOrder('<%= field.fieldName%>')"<% } %>><span v-text="t$('<%=`${i18nKeyPrefix}.${field.fieldName}` %>')"><%= field.fieldNameHumanized %></span><% if (!paginationNo) { %> <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'<%= field.fieldName%>'"></jhi-sort-indicator><% } %></th>
 <%_ } _%>
 <%_ for (relationship of relationships) { _%>
   <%_ if (relationship.persistableRelationship && (paginationNo || !relationship.collection)) {
     const fieldName = "." + relationship.otherEntityField; _%>
-                    <th scope="row"<% if (!paginationNo) { %> v-on:click="changeOrder('<%=relationship.relationshipName + (fieldName)%>')"<% } %>><span v-text="t$('<%= `${i18nKeyPrefix}.${relationship.relationshipName}` %>')"><%= relationship.relationshipNameHumanized %></span><% if (!paginationNo) { %> <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'<%=relationship.relationshipName + (fieldName)%>'"></jhi-sort-indicator><% } %></th>
+                    <th scope="row"<% if (!paginationNo) { %> @click="changeOrder('<%=relationship.relationshipName + (fieldName)%>')"<% } %>><span v-text="t$('<%= `${i18nKeyPrefix}.${relationship.relationshipName}` %>')"><%= relationship.relationshipNameHumanized %></span><% if (!paginationNo) { %> <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'<%=relationship.relationshipName + (fieldName)%>'"></jhi-sort-indicator><% } %></th>
   <%_ } _%>
 <%_ } _%>
                     <th scope="row"></th>
@@ -70,14 +70,14 @@
     const fieldType = field.fieldType; _%>
   <%_ if (field.fieldTypeBinary && field.blobContentTypeImage) { _%>
                     <td>
-                        <a v-if="<%= entityInstance %>.<%= fieldName %>" v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)">
-                            <img v-bind:src="'data:' + <%=entityInstance %>.<%=fieldName%>ContentType + ';base64,' + <%=entityInstance %>.<%=fieldName%>" style="max-height: 30px;" alt="<%=entityInstance %>"/>
+                        <a v-if="<%= entityInstance %>.<%= fieldName %>" @click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)">
+                            <img :src="'data:' + <%=entityInstance %>.<%=fieldName%>ContentType + ';base64,' + <%=entityInstance %>.<%=fieldName%>" style="max-height: 30px;" alt="<%=entityInstance %>"/>
                         </a>
                         <span v-if="<%= entityInstance %>.<%= fieldName %>">{{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}</span>
                     </td>
   <%_ } else if (field.fieldTypeBinary && field.blobContentTypeAny) { _%>
                     <td>
-                        <a v-if="<%= entityInstance %>.<%= fieldName %>" v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a>
+                        <a v-if="<%= entityInstance %>.<%= fieldName %>" @click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a>
                         <span v-if="<%= entityInstance %>.<%= fieldName %>">{{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}</span>
                     </td>
   <%_ } else if (field.fieldIsEnum) { _%>
@@ -147,7 +147,7 @@
                                 </button>
   <%_ } _%>
                             </router-link>
-                            <b-button v-on:click="prepareRemove(<%= entityInstance %>)"
+                            <b-button @click="prepareRemove(<%= entityInstance %>)"
                                    variant="danger"
                                    class="btn btn-sm"
                                    data-cy="entityDeleteButton"
@@ -177,8 +177,8 @@
             </div>
             <template #modal-footer>
                 <div>
-                    <button type="button" class="btn btn-secondary" v-text="t$('entity.action.cancel')" v-on:click="closeDialog()">Cancel</button>
-                    <button type="button" class="btn btn-primary" id="<%= jhiPrefixDashed %>-confirm-delete-<%= entityInstance %>" data-cy="entityConfirmDeleteButton" v-text="t$('entity.action.delete')" v-on:click="remove<%= entityAngularName %>()">Delete</button>
+                    <button type="button" class="btn btn-secondary" v-text="t$('entity.action.cancel')" @click="closeDialog()">Cancel</button>
+                    <button type="button" class="btn btn-primary" id="<%= jhiPrefixDashed %>-confirm-delete-<%= entityInstance %>" data-cy="entityConfirmDeleteButton" v-text="t$('entity.action.delete')" @click="remove<%= entityAngularName %>()">Delete</button>
                 </div>
             </template>
         </b-modal>

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

@@ -33,7 +33,10 @@ export default defineComponent({
     };
 
     onMounted(() => loadLanguage());
-    watch(() => i18n.locale, () => loadLanguage());
+    watch(
+      () => i18n.locale,
+      () => loadLanguage(),
+    );
 
   <%_ } _%>
     return {

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

@@ -27,7 +27,7 @@ import TranslationService from '@/locale/translation.service';
 import { useTrackerService } from './admin/tracker/tracker.service';
 <%_ } _%>
 
-const pinia = createPinia()
+const pinia = createPinia();
 
 // jhipster-needle-add-entity-service-to-main-import - JHipster will import entities services here
 
@@ -60,6 +60,7 @@ Vue.configureCompat({
   OPTIONS_DESTROYED: 'suppress-warning',
   RENDER_FUNCTION: 'suppress-warning',
   WATCH_ARRAY: 'suppress-warning',
+  PRIVATE_APIS: 'suppress-warning',
 });
 
 <%_ if (enableTranslation) { _%>
@@ -101,14 +102,14 @@ const app = createApp({
         if (!translationService.getLocalStoreLanguage()) {
           await changeLanguage(value.langKey);
         }
-      }
+      },
     );
 
     watch(
       () => translationStore.currentLanguage,
       value => {
         translationService.setLocale(value);
-      }
+      },
     );
 
     onMounted(async () => {
@@ -166,12 +167,15 @@ const app = createApp({
       },
       error => {
         return Promise.reject(error);
-      }
+      },
     );
 
     const { authenticated } = storeToRefs(store);
     provide('authenticated', authenticated);
-    provide('currentUsername', computed(() => store.account?.login));
+    provide(
+      'currentUsername',
+      computed(() => store.account?.login),
+    );
 
 <%_ if (enableTranslation) { _%>
     provide('translationService', translationService);

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

@@ -12,7 +12,7 @@ import {Authority} from "@/shared/security/authority";
   const <%= jhiPrefixCapitalized %>LogsComponent = () => import('@/admin/logs/logs.vue');
   const <%= jhiPrefixCapitalized %>MetricsComponent = () => import('@/admin/metrics/metrics.vue');
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
+<%_ if (applicationTypeGateway && gatewayServicesApiAvailable) { _%>
   const <%= jhiPrefixCapitalized %>GatewayComponent = () => import('@/admin/gateway/gateway.vue');
 <%_ } _%>
 <%_ if (communicationSpringWebsocket) { _%>
@@ -78,7 +78,7 @@ export default [
       meta: { authorities: [Authority.ADMIN] }
     },
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
+<%_ if (applicationTypeGateway && gatewayServicesApiAvailable) { _%>
     {
       path: '/admin/gateway',
       name: '<%= jhiPrefixCapitalized %>GatewayComponent',

package/dist/generators/vue/templates/src/main/webapp/app/shared/alert/alert.service.ts.ejs

@@ -5,7 +5,7 @@ import { type Composer, useI18n } from 'vue-i18n';
 <%_ } _%>
 
 export const useAlertService = () => {
-  const bvToast = getCurrentInstance().root.proxy['_bv__toast'];
+  const bvToast = getCurrentInstance().root.proxy._bv__toast;
   if (!bvToast) {
     throw new Error('BootstrapVue toast component was not found');
   }

package/dist/generators/vue/templates/src/main/webapp/app/shared/computables/arrays.ts.ejs

@@ -24,7 +24,7 @@ const compareString = (a: string, b: string): number => {
 };
 
 const asString = (val): string => {
-  return typeof val === 'string' ? val : '' + val;
+  return typeof val === 'string' ? val : `${val}`;
 };
 
 const compareAny = (a, b): number => {
@@ -66,7 +66,7 @@ const filterObject = (val: any, opts: FilterByOptions): boolean => {
     }
     return false;
   }
-  return ('' + val).toLocaleLowerCase().startsWith(filterByTerm);
+  return `${val}`.toLocaleLowerCase().startsWith(filterByTerm);
 };
 
 export const filterBy = (array: any, opts: FilterByOptions) => {

package/dist/generators/vue/templates/src/main/webapp/app/shared/config/axios-interceptor.spec.ts.ejs

@@ -37,40 +37,40 @@ describe('Axios interceptor', () => {
 });
 
 describe('Axios errors interceptor', () => {
-    it('should use callback on 401, 403 errors', async () => {
-      const callback = sinon.spy();
+  it('should use callback on 401, 403 errors', async () => {
+    const callback = sinon.spy();
 
-      setupAxiosConfig.setupAxiosInterceptors(callback, () => {});
+    setupAxiosConfig.setupAxiosInterceptors(callback, () => {});
 
-      try {
-        mock.onGet().reply(401);
-        await axios('/api/test');
-      } catch {
-        expect(callback.called).toBeTruthy();
-      }
-    });
-    it('should use callback 50x errors', async () => {
-      const callback = sinon.spy();
+    try {
+      mock.onGet().reply(401);
+      await axios('/api/test');
+    } catch {
+      expect(callback.called).toBeTruthy();
+    }
+  });
+  it('should use callback 50x errors', async () => {
+    const callback = sinon.spy();
 
-      setupAxiosConfig.setupAxiosInterceptors(() => {}, callback);
+    setupAxiosConfig.setupAxiosInterceptors(() => {}, callback);
 
-      try {
-        mock.onGet().reply(500);
-        await axios('/api/test');
-      } catch {
-        expect(callback.called).toBeTruthy();
-      }
-    });
-    it('should not use callback for errors different 50x, 401, 403', async () => {
-      const callback = sinon.spy();
+    try {
+      mock.onGet().reply(500);
+      await axios('/api/test');
+    } catch {
+      expect(callback.called).toBeTruthy();
+    }
+  });
+  it('should not use callback for errors different 50x, 401, 403', async () => {
+    const callback = sinon.spy();
 
-      setupAxiosConfig.setupAxiosInterceptors(() => {}, callback);
+    setupAxiosConfig.setupAxiosInterceptors(() => {}, callback);
 
-      try {
-        mock.onGet().reply(402);
-        await axios('/api/test');
-      } catch {
-        expect(callback.called).toBeFalsy();
-      }
-    });
+    try {
+      mock.onGet().reply(402);
+      await axios('/api/test');
+    } catch {
+      expect(callback.called).toBeFalsy();
+    }
   });
+});

package/dist/generators/vue/templates/src/main/webapp/app/shared/config/axios-interceptor.ts.ejs

@@ -44,7 +44,7 @@ const setupAxiosInterceptors = (onUnauthenticated, onServerError) => {
     }
     return Promise.reject(err);
   };
-  
+
   if (axios.interceptors) {
     axios.interceptors.request.use(onRequestSuccess);
     axios.interceptors.response.use(res => res, onResponseError);

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

@@ -88,22 +88,19 @@ export function initFortAwesome(vue) {
     faUserPlus,
     faUsers,
     faUsersCog,
-    faWrench
+    faWrench,
   );
 }
-
 <%_ if (enableTranslation) { _%>
 export function initI18N(opts: any = {}) {
-  return createI18n(
-    {
-      missingWarn: false,
-      fallbackWarn: false,
-      legacy: false,
-      datetimeFormats,
-      silentTranslationWarn: true,
-      ...opts,
-    }
-  );
+  return createI18n({
+    missingWarn: false,
+    fallbackWarn: false,
+    legacy: false,
+    datetimeFormats,
+    silentTranslationWarn: true,
+    ...opts,
+  });
 }
 
 <%_ } _%>

package/dist/generators/vue/templates/src/main/webapp/app/shared/data/data-utils.service.spec.ts.ejs

@@ -27,7 +27,7 @@ describe('Formatter i18n', () => {
   });
 
   it('should clear input entity', () => {
-    const entity = {field: 'key', value: 'value'};
+    const entity = { field: 'key', value: 'value' };
     dataUtilsService.clearInputImage(entity, null, 'field', 'value', 1);
 
     expect(entity.field).toBeNull();
@@ -71,12 +71,14 @@ describe('Formatter i18n', () => {
   });
 
   it('should parse links', () => {
-    const result = dataUtilsService.parseLinks('<http://localhost/api/entities?' +
-      'sort=date%2Cdesc&sort=id&page=1&size=12>; rel="next",<http://localhost/api' +
-      '/entities?sort=date%2Cdesc&sort=id&page=2&size=12>; rel="last",<http://localhost'+
-      '/api/entities?sort=date%2Cdesc&sort=id&page=0&size=12>; rel="first"');
+    const result = dataUtilsService.parseLinks(
+      '<http://localhost/api/entities?' +
+        'sort=date%2Cdesc&sort=id&page=1&size=12>; rel="next",<http://localhost/api' +
+        '/entities?sort=date%2Cdesc&sort=id&page=2&size=12>; rel="last",<http://localhost' +
+        '/api/entities?sort=date%2Cdesc&sort=id&page=0&size=12>; rel="first"',
+    );
 
-    expect(result['last']).toBe(2);
+    expect(result.last).toBe(2);
   });
 
   it('should return empty JSON object for empty string', () => {
@@ -96,17 +98,19 @@ describe('Formatter i18n', () => {
       '<http://localhost/api/entities?' +
         'sort=date%2Cdesc&sort=id&page=1&size=12> rel="next",<http://localhost/api' +
         '/entities?sort=date%2Cdesc&sort=id&page=2&size=12> rel="last",<http://localhost' +
-        '/api/entities?sort=date%2Cdesc&sort=id&page=0&size=12> rel="first"'
+        '/api/entities?sort=date%2Cdesc&sort=id&page=0&size=12> rel="first"',
     );
 
     expect(result).toStrictEqual({});
   });
 
   it('should return empty JSON object for text with no comma separated link header', () => {
-    const result = dataUtilsService.parseLinks('<http://localhost/api/entities?' +
-    'sort=id%2Cdesc&sort=id&page=1&size=12>; rel="next"<http://localhost/api' +
-    '/entities?sort=id%2Cdesc&sort=id&page=2&size=12>; rel="last"<http://localhost'+
-    '/api/entities?sort=id%2Cdesc&sort=id&page=0&size=12>; rel="first"');
+    const result = dataUtilsService.parseLinks(
+      '<http://localhost/api/entities?' +
+        'sort=id%2Cdesc&sort=id&page=1&size=12>; rel="next"<http://localhost/api' +
+        '/entities?sort=id%2Cdesc&sort=id&page=2&size=12>; rel="last"<http://localhost' +
+        '/api/entities?sort=id%2Cdesc&sort=id&page=0&size=12>; rel="first"',
+    );
 
     expect(result).toStrictEqual({});
   });

package/dist/generators/vue/templates/src/main/webapp/app/shared/data/data-utils.service.ts.ejs

@@ -74,14 +74,14 @@ const useDataUtils = () => ({
    */
   clearInputImage(entity, elementRef, field, fieldContentType, idInput) {
     if (entity && field && fieldContentType) {
-      if (Object.prototype.hasOwnProperty.call(entity, field)) {
+      if (Object.hasOwn(entity, field)) {
         entity[field] = null;
       }
-      if (Object.prototype.hasOwnProperty.call(entity, fieldContentType)) {
+      if (Object.hasOwn(entity, fieldContentType)) {
         entity[fieldContentType] = null;
       }
-      if (elementRef && idInput && elementRef.nativeElement.querySelector('#' + idInput)) {
-        elementRef.nativeElement.querySelector('#' + idInput).value = null;
+      if (elementRef && idInput && elementRef.nativeElement.querySelector(`#${idInput}`)) {
+        elementRef.nativeElement.querySelector(`#${idInput}`).value = null;
       }
     }
   },
@@ -105,7 +105,7 @@ const useDataUtils = () => ({
   },
 
   formatAsBytes(size) {
-    return size.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ') + ' bytes';
+    return `${size.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ')} bytes`;
   },
 
   setFileData(event, entity, field, isImage) {

package/dist/generators/vue/templates/src/main/webapp/app/shared/jhi-item-count.vue.ejs

@@ -1,8 +1,6 @@
 <template>
   <div class="info jhi-item-count">
-    <span v-text="t$('global.item-count', { first, second, total })"
-      >Showing {{ first }} - {{ second }} of {{ total }} items.</span
-    >
+    <span v-text="t$('global.item-count', { first, second, total })">Showing {{ first }} - {{ second }} of {{ total }} items.</span>
   </div>
 </template>
 

package/dist/generators/vue/templates/src/main/webapp/app/shared/model/user.model.ts.ejs

@@ -28,6 +28,6 @@ export class User implements IUser {
     public createdDate?: Date,
     public lastModifiedBy?: string,
     public lastModifiedDate?: Date,
-    public password?: string) {
-  }
+    public password?: string,
+  ) {}
 }

package/dist/generators/vue/templates/src/main/webapp/app/shared/security/authority.ts.ejs

@@ -1,4 +1,4 @@
 export enum Authority {
-    ADMIN = 'ROLE_ADMIN',
-    USER = 'ROLE_USER'
+  ADMIN = 'ROLE_ADMIN',
+  USER = 'ROLE_USER',
 }

package/dist/generators/vue/templates/src/main/webapp/app/shared/sort/jhi-sort-indicator.vue.ejs

@@ -1,6 +1,5 @@
 <template>
-  <font-awesome-icon :icon="currentOrder === fieldName ? (reverse ? 'sort-down' : 'sort-up') : 'sort'">
-  </font-awesome-icon>
+  <font-awesome-icon :icon="currentOrder === fieldName ? (reverse ? 'sort-down' : 'sort-up') : 'sort'"> </font-awesome-icon>
 </template>
 
-<script lang="ts" src="./jhi-sort-indicator.component.ts"></script>
+<script lang="ts" src="./jhi-sort-indicator.component.ts"></script>

package/dist/generators/vue/templates/src/main/webapp/app/shared/sort/sorts.spec.ts.ejs

@@ -1,7 +1,6 @@
 import buildPaginationQueryOpts from './sorts';
 
 describe('Sort', () => {
-
   it('should return an empty string if there is no pagination', () => {
     const result = buildPaginationQueryOpts(undefined);
 

package/dist/generators/vue/templates/src/main/webapp/app/test-setup.ts.ejs

@@ -19,7 +19,7 @@ beforeAll(() => {
       legacy: false,
       missingWarn: false,
       fallbackWarn: false,
-    })
+    }),
   );
 <%_ } _%>
 });