generator-jhipster 7.2.0 → 7.3.0

package/generators/client/templates/angular/src/main/webapp/app/entities/user/user.service.spec.ts.ejs

@@ -29,105 +29,103 @@ import { User, IUser } from './user.model';
 
 import { UserService } from './user.service';
 
-describe('Service Tests', () => {
-  describe('User Service', () => {
-    let service: UserService;
-    let httpMock: HttpTestingController;
-    let expectedResult: IUser | IUser[] | boolean | number | null;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        imports: [HttpClientTestingModule],
+describe('User Service', () => {
+  let service: UserService;
+  let httpMock: HttpTestingController;
+  let expectedResult: IUser | IUser[] | boolean | number | null;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [HttpClientTestingModule],
+    });
+    expectedResult = null;
+    service = TestBed.inject(UserService);
+    httpMock = TestBed.inject(HttpTestingController);
+  });
+
+  afterEach(() => {
+    httpMock.verify();
+  });
+
+  describe('Service methods', () => {
+    it('should return Users', () => {
+      service.query().subscribe(received => {
+        expectedResult = received.body;
       });
-      expectedResult = null;
-      service = TestBed.inject(UserService);
-      httpMock = TestBed.inject(HttpTestingController);
+
+      const req = httpMock.expectOne({ method: 'GET' });
+      req.flush([new User(<%- tsKeyId %>, 'user')]);
+      expect(expectedResult).toEqual([{ id: <%- tsKeyId %>, login: 'user' }]);
     });
 
-    afterEach(() => {
-      httpMock.verify();
+    it('should propagate not found response', () => {
+      service.query().subscribe({
+        error: (error: HttpErrorResponse) => expectedResult = error.status
+      });
+
+      const req = httpMock.expectOne({ method: 'GET' });
+      req.flush('Internal Server Error', {
+        status: 500,
+        statusText: 'Inernal Server Error',
+      });
+      expect(expectedResult).toEqual(500);
     });
 
-    describe('Service methods', () => {
-      it('should return Users', () => {
-        service.query().subscribe(received => {
-          expectedResult = received.body;
-        });
+    describe('addUserToCollectionIfMissing', () => {
+      it('should add a User to an empty array', () => {
+        const user: IUser = <%- testEntityPrimaryKey0 %>;
+        expectedResult = service.addUserToCollectionIfMissing([], user);
+        expect(expectedResult).toHaveLength(1);
+        expect(expectedResult).toContain(user);
+      });
+
+      it('should not add a User to an array that contains it', () => {
+        const user: IUser = <%- testEntityPrimaryKey0 %>;
+        const userCollection: IUser[] = [
+          {
+            ...user,
+          },
+          <%- testEntityPrimaryKey1 %>,
+        ];
+        expectedResult = service.addUserToCollectionIfMissing(userCollection, user);
+        expect(expectedResult).toHaveLength(2);
+      });
+
+      it("should add a User to an array that doesn't contain it", () => {
+        const user: IUser = <%- testEntityPrimaryKey0 %>;
+        const userCollection: IUser[] = [<%- testEntityPrimaryKey1 %>];
+        expectedResult = service.addUserToCollectionIfMissing(userCollection, user);
+        expect(expectedResult).toHaveLength(2);
+        expect(expectedResult).toContain(user);
+      });
+
+      it('should add only unique User to an array', () => {
+        const userArray: IUser[] = [<%- testEntityPrimaryKey0 %>, <%- testEntityPrimaryKey1 %>, <%- generateTestEntityPrimaryKey(user.primaryKey) %>];
+        const userCollection: IUser[] = [<%- testEntityPrimaryKey1 %>];
+        expectedResult = service.addUserToCollectionIfMissing(userCollection, ...userArray);
+        expect(expectedResult).toHaveLength(3);
+      });
 
-        const req = httpMock.expectOne({ method: 'GET' });
-        req.flush([new User(<%- tsKeyId %>, 'user')]);
-        expect(expectedResult).toEqual([{ id: <%- tsKeyId %>, login: 'user' }]);
+      it("should accept varargs", () => {
+        const user: IUser = <%- testEntityPrimaryKey0 %>;
+        const user2: IUser = <%- testEntityPrimaryKey1 %>;
+        expectedResult = service.addUserToCollectionIfMissing([], user, user2);
+        expect(expectedResult).toHaveLength(2);
+        expect(expectedResult).toContain(user);
+        expect(expectedResult).toContain(user2);
       });
 
-      it('should propagate not found response', () => {
-        service.query().subscribe({
-          error: (error: HttpErrorResponse) => expectedResult = error.status
-        });
-
-        const req = httpMock.expectOne({ method: 'GET' });
-        req.flush('Internal Server Error', {
-          status: 500,
-          statusText: 'Inernal Server Error',
-        });
-        expect(expectedResult).toEqual(500);
+      it("should accept null and undefined values", () => {
+        const user: IUser = <%- testEntityPrimaryKey0 %>;
+        expectedResult = service.addUserToCollectionIfMissing([], null, user, undefined);
+        expect(expectedResult).toHaveLength(1);
+        expect(expectedResult).toContain(user);
       });
 
-      describe('addUserToCollectionIfMissing', () => {
-        it('should add a User to an empty array', () => {
-          const user: IUser = <%- testEntityPrimaryKey0 %>;
-          expectedResult = service.addUserToCollectionIfMissing([], user);
-          expect(expectedResult).toHaveLength(1);
-          expect(expectedResult).toContain(user);
-        });
-
-        it('should not add a User to an array that contains it', () => {
-          const user: IUser = <%- testEntityPrimaryKey0 %>;
-          const userCollection: IUser[] = [
-            {
-              ...user,
-            },
-            <%- testEntityPrimaryKey1 %>,
-          ];
-          expectedResult = service.addUserToCollectionIfMissing(userCollection, user);
-          expect(expectedResult).toHaveLength(2);
-        });
-
-        it("should add a User to an array that doesn't contain it", () => {
-          const user: IUser = <%- testEntityPrimaryKey0 %>;
-          const userCollection: IUser[] = [<%- testEntityPrimaryKey1 %>];
-          expectedResult = service.addUserToCollectionIfMissing(userCollection, user);
-          expect(expectedResult).toHaveLength(2);
-          expect(expectedResult).toContain(user);
-        });
-
-        it('should add only unique User to an array', () => {
-          const userArray: IUser[] = [<%- testEntityPrimaryKey0 %>, <%- testEntityPrimaryKey1 %>, <%- generateTestEntityPrimaryKey(user.primaryKey) %>];
-          const userCollection: IUser[] = [<%- testEntityPrimaryKey1 %>];
-          expectedResult = service.addUserToCollectionIfMissing(userCollection, ...userArray);
-          expect(expectedResult).toHaveLength(3);
-        });
-
-        it("should accept varargs", () => {
-          const user: IUser = <%- testEntityPrimaryKey0 %>;
-          const user2: IUser = <%- testEntityPrimaryKey1 %>;
-          expectedResult = service.addUserToCollectionIfMissing([], user, user2);
-          expect(expectedResult).toHaveLength(2);
-          expect(expectedResult).toContain(user);
-          expect(expectedResult).toContain(user2);
-        });
-
-        it("should accept null and undefined values", () => {
-          const user: IUser = <%- testEntityPrimaryKey0 %>;
-          expectedResult = service.addUserToCollectionIfMissing([], null, user, undefined);
-          expect(expectedResult).toHaveLength(1);
-          expect(expectedResult).toContain(user);
-        });
-
-        it('should return initial array if no users is added', () => {
-          const userCollection: IUser[] = [<%- testEntityPrimaryKey1 %>];
-          expectedResult = service.addUserToCollectionIfMissing(userCollection, null, undefined);
-          expect(expectedResult).toEqual(userCollection);
-        });
+      it('should return initial array if no users is added', () => {
+        const userCollection: IUser[] = [<%- testEntityPrimaryKey1 %>];
+        expectedResult = service.addUserToCollectionIfMissing(userCollection, null, undefined);
+        expect(expectedResult).toEqual(userCollection);
       });
     });
   });

package/generators/client/templates/angular/webpack/webpack.custom.js.ejs

@@ -76,7 +76,7 @@ module.exports = async (config, options, targetOptions) => {
   if (config.devServer) {
     config.devServer.proxy = proxyConfig({ tls });
   }
-<%_ if (!this.applicationTypeMicroservice) { _%>
+
   if (targetOptions.target === 'serve' || config.watch) {
     config.plugins.push(
       new BrowserSyncPlugin(
@@ -85,7 +85,7 @@ module.exports = async (config, options, targetOptions) => {
           port: 9000,
           https: tls,
           proxy: {
-            target: `http${tls ? 's' : ''}://localhost:${targetOptions.target === 'serve' ? '<%= devServerPort %>' : '<%= serverPort %>'}`,
+            target: `http${tls ? 's' : ''}://localhost:${targetOptions.target === 'serve' ? '<%= devServerPort %>' : '<%= this.applicationTypeMicroservice ? gatewayServerPort : serverPort %>'}`,
             <%_ if (websocket === 'spring-websocket') { _%>
             ws: true,
             <%_ } _%>
@@ -113,7 +113,6 @@ module.exports = async (config, options, targetOptions) => {
       )
     );
   }
-<%_ } _%>
 
   if (config.mode === 'production') {
     config.plugins.push(

package/generators/client/templates/common/README.md.jhi.client.ejs

@@ -149,6 +149,40 @@ Note: There are still a few other things remaining to do for Leaflet that we won
 
 For further instructions on how to develop with JHipster, have a look at [Using JHipster in development][].
 
+<%_ if (microfrontend) { -%>
+### Developing Microfrontend
+
+Microservices doesn't contain every required backend feature to allow microfrontends to run alone.
+You must start a pre-built gateway version or from source.
+
+Start gateway from source:
+
+```
+cd gateway
+npm run docker:db:up # start database if necessary
+npm run docker:others:up # start service discovery and authentication service if necessary
+npm run app:start # alias for ./(mvnw|gradlew)
+```
+
+Microfrontend's `build-watch` script is configured to watch and compile microfrontend's sources and synchronizes with gateway's frontend.
+Start it using:
+
+```
+cd microfrontend
+npm run docker:db:up # start database if necessary
+npm run build-watch
+```
+
+It's possible to run microfrontend's frontend standalone using:
+
+```
+cd microfrontend
+npm run docker:db:up # start database if necessary
+npm watch # alias for `npm start` and `npm run backend:start` in parallel
+```
+
+<%_ } -%>
+
 <&_ } -&>
 <&_ if (fragment.testingSection) { -&>
 ### Client tests

package/generators/client/templates/common/package.json

@@ -3,10 +3,10 @@
     "@cypress/code-coverage": "3.9.11",
     "babel-loader": "8.2.2",
     "babel-plugin-istanbul": "6.0.0",
-    "cypress": "8.3.1",
-    "eslint-plugin-cypress": "2.11.3",
+    "cypress": "8.5.0",
+    "eslint-plugin-cypress": "2.12.1",
     "cypress-audit": "1.0.0",
-    "lighthouse": "8.4.0",
+    "lighthouse": "8.5.1",
     "nyc": "15.1.0"
   },
   "dependencies": {

package/generators/client/templates/react/package.json

@@ -3,21 +3,21 @@
     "@fortawesome/fontawesome-svg-core": "1.2.36",
     "@fortawesome/free-solid-svg-icons": "5.15.4",
     "@fortawesome/react-fontawesome": "0.1.15",
-    "@reduxjs/toolkit": "1.6.1",
+    "@reduxjs/toolkit": "1.6.2",
     "axios": "0.21.4",
     "bootstrap": "4.6.0",
-    "bootswatch": "5.1.1",
+    "bootswatch": "5.1.2",
     "lodash": "4.17.21",
     "path-browserify": "1.0.1",
     "react": "17.0.1",
     "react-dom": "17.0.1",
-    "react-hook-form": "7.15.3",
-    "react-jhipster": "0.16.2",
+    "react-hook-form": "7.17.1",
+    "react-jhipster": "0.17.0",
     "react-loadable": "5.5.0",
     "react-redux": "7.2.5",
     "react-redux-loading-bar": "5.0.2",
     "react-router-dom": "5.3.0",
-    "react-toastify": "8.0.2",
+    "react-toastify": "8.0.3",
     "react-transition-group": "4.4.2",
     "reactstrap": "8.10.0",
     "redux": "4.1.1",
@@ -27,62 +27,62 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.0",
-    "@types/jest": "27.0.1",
-    "@types/lodash": "4.14.172",
-    "@types/node": "16.9.1",
-    "@types/react": "17.0.20",
+    "@testing-library/react": "12.1.2",
+    "@types/jest": "27.0.2",
+    "@types/lodash": "4.14.175",
+    "@types/node": "16.10.3",
+    "@types/react": "17.0.27",
     "@types/react-dom": "17.0.9",
     "@types/react-redux": "7.1.18",
-    "@types/react-router-dom": "5.1.8",
+    "@types/react-router-dom": "5.3.0",
     "@types/redux": "3.6.31",
     "@types/webpack-env": "1.16.2",
-    "@typescript-eslint/eslint-plugin": "4.31.1",
-    "@typescript-eslint/parser": "4.31.1",
-    "autoprefixer": "10.3.4",
+    "@typescript-eslint/eslint-plugin": "4.33.0",
+    "@typescript-eslint/parser": "4.33.0",
+    "autoprefixer": "10.3.7",
     "browser-sync": "2.27.5",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "9.0.1",
-    "core-js": "3.17.3",
+    "core-js": "3.18.2",
     "cross-env": "7.0.3",
-    "css-loader": "6.2.0",
-    "css-minimizer-webpack-plugin": "3.0.2",
+    "css-loader": "6.3.0",
+    "css-minimizer-webpack-plugin": "3.1.1",
     "eslint": "7.32.0",
     "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-react": "7.25.1",
+    "eslint-plugin-react": "7.26.1",
     "eslint-webpack-plugin": "3.0.1",
     "folder-hash": "4.0.1",
     "fork-ts-checker-webpack-plugin": "6.3.3",
     "html-webpack-plugin": "5.3.2",
     "identity-obj-proxy": "3.0.0",
-    "jest": "27.2.0",
-    "jest-junit": "12.2.0",
+    "jest": "27.2.4",
+    "jest-junit": "13.0.0",
     "jest-sonar-reporter": "2.0.0",
     "json-loader": "0.5.7",
     "merge-jsons-webpack-plugin": "1.0.21",
-    "mini-css-extract-plugin": "2.3.0",
+    "mini-css-extract-plugin": "2.4.1",
     "postcss-loader": "6.1.1",
     "react-infinite-scroller": "1.2.4",
     "redux-mock-store": "1.5.4",
     "rimraf": "3.0.2",
-    "sass": "1.39.2",
+    "sass": "1.42.1",
     "sass-loader": "12.1.0",
     "simple-progress-webpack-plugin": "2.0.0",
     "sinon": "11.1.2",
     "source-map-loader": "3.0.0",
     "sourcemap-istanbul-instrumenter-loader": "0.2.0",
-    "style-loader": "3.2.1",
-    "swagger-ui-dist": "3.52.2",
+    "style-loader": "3.3.0",
+    "swagger-ui-dist": "3.52.3",
     "terser-webpack-plugin": "5.2.4",
     "thread-loader": "3.0.4",
     "ts-jest": "27.0.5",
-    "ts-loader": "9.2.5",
+    "ts-loader": "9.2.6",
     "typescript": "4.4.3",
-    "webpack": "5.52.1",
-    "webpack-cli": "4.8.0",
-    "webpack-dev-server": "4.2.1",
+    "webpack": "5.57.1",
+    "webpack-cli": "4.9.0",
+    "webpack-dev-server": "4.3.1",
     "webpack-merge": "5.8.0",
-    "webpack-notifier": "1.13.0",
+    "webpack-notifier": "1.14.0",
     "workbox-webpack-plugin": "6.3.0"
   }
 }

package/generators/client/templates/react/package.json.ejs

@@ -19,7 +19,7 @@
 {
   "name": "<%= dasherizedBaseName %>",
   "version": "0.0.1-SNAPSHOT",
-  "description": "Description for <%= baseName %>",
+  "description": "<%= projectDescription %>",
   "private": true,
   "license": "UNLICENSED",
   "cacheDirectories": [

package/generators/client/templates/vue/package.json

@@ -3,29 +3,29 @@
     "@fortawesome/fontawesome-svg-core": "1.2.36",
     "@fortawesome/free-solid-svg-icons": "5.15.4",
     "@fortawesome/vue-fontawesome": "2.0.2",
-    "axios": "0.21.4",
+    "axios": "0.22.0",
     "bootstrap": "4.6.0",
     "bootstrap-vue": "2.21.2",
-    "bootswatch": "5.1.1",
-    "swagger-ui-dist": "3.52.2",
+    "bootswatch": "5.1.2",
+    "swagger-ui-dist": "3.52.3",
     "vue": "2.6.14",
     "vue-class-component": "7.2.6",
     "vue-cookie": "1.1.4",
     "vue-infinite-loading": "2.4.5",
     "vue-router": "3.5.2",
-    "vue-i18n": "8.25.1",
+    "vue-i18n": "8.26.5",
     "vue-property-decorator": "9.1.2",
     "vuelidate": "0.7.6",
     "vuex": "3.6.2",
     "vue2-filters": "0.13.0"
   },
   "devDependencies": {
-    "@types/jest": "27.0.1",
-    "@types/node": "16.9.1",
-    "@types/sinon": "10.0.2",
+    "@types/jest": "27.0.2",
+    "@types/node": "16.10.3",
+    "@types/sinon": "10.0.4",
     "@types/vuelidate": "0.7.15",
-    "@typescript-eslint/eslint-plugin": "4.31.1",
-    "@typescript-eslint/parser": "4.31.1",
+    "@typescript-eslint/eslint-plugin": "4.33.0",
+    "@typescript-eslint/parser": "4.33.0",
     "@vue/eslint-config-prettier": "6.0.0",
     "@vue/eslint-config-typescript": "7.0.0",
     "@vue/cli-plugin-eslint": "4.5.13",
@@ -33,47 +33,47 @@
     "@vue/cli-service": "4.5.13",
     "@vue/test-utils": "1.2.2",
     "axios-mock-adapter": "1.20.0",
-    "autoprefixer": "10.3.4",
+    "autoprefixer": "10.3.7",
     "babel-core": "7.0.0-bridge.0",
     "browser-sync": "2.27.5",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "9.0.1",
-    "css-loader": "6.2.0",
-    "css-minimizer-webpack-plugin": "3.0.2",
+    "css-loader": "6.3.0",
+    "css-minimizer-webpack-plugin": "3.1.1",
     "file-loader": "6.2.0",
     "folder-hash": "4.0.1",
     "fork-ts-checker-webpack-plugin": "6.3.3",
     "html-webpack-plugin": "5.3.2",
-    "jest": "27.2.0",
-    "jest-junit": "12.2.0",
+    "jest": "27.2.4",
+    "jest-junit": "13.0.0",
     "jest-serializer-vue": "2.0.2",
     "jest-sonar-reporter": "2.0.0",
     "jest-vue-preprocessor": "1.7.1",
     "merge-jsons-webpack-plugin": "1.0.21",
-    "mini-css-extract-plugin": "2.3.0",
+    "mini-css-extract-plugin": "2.4.1",
     "node-notifier": "9.0.1",
     "numeral": "2.0.6",
     "portfinder": "1.0.28",
-    "postcss": "8.3.6",
+    "postcss": "8.3.9",
     "postcss-import": "14.0.2",
     "postcss-loader": "6.1.1",
     "postcss-url": "10.1.3",
     "rimraf": "3.0.2",
-    "sass": "1.39.2",
+    "sass": "1.42.1",
     "sass-loader": "12.1.0",
     "sinon": "11.1.2",
     "terser-webpack-plugin": "5.2.4",
     "ts-jest": "27.0.5",
-    "ts-loader": "9.2.5",
+    "ts-loader": "9.2.6",
     "eslint": "6.8.0",
     "eslint-plugin-prettier": "3.4.1",
-    "eslint-plugin-vue": "7.17.0",
+    "eslint-plugin-vue": "7.19.0",
     "typescript": "4.4.3",
     "url-loader": "4.1.1",
-    "webpack": "5.52.1",
+    "webpack": "5.57.1",
     "webpack-bundle-analyzer": "4.4.2",
-    "webpack-cli": "4.8.0",
-    "webpack-dev-server": "4.2.1",
+    "webpack-cli": "4.9.0",
+    "webpack-dev-server": "4.3.1",
     "webpack-merge": "5.8.0",
     "workbox-webpack-plugin": "6.3.0",
     "vue-jest": "3.0.7",

package/generators/client/templates/vue/package.json.ejs

@@ -19,7 +19,7 @@
 {
   "name": "<%= dasherizedBaseName %>",
   "version": "0.0.0",
-  "description": "Description for <%= baseName  %>",
+  "description": "<%= projectDescription %>",
   "private": true,
   "license": "UNLICENSED",
   "cacheDirectories": [

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

@@ -33,7 +33,7 @@ export default class AccountService {
 
   public retrieveProfiles(): Promise<boolean> {
     return new Promise(resolve => {
-      axios.get('management/info').then(res => {
+      axios.get<any>('management/info').then(res => {
         if (res.data && res.data.activeProfiles) {
           this.store.commit('setRibbonOnProfiles', res.data['display-ribbon-on-profiles']);
           this.store.commit('setActiveProfiles', res.data['activeProfiles']);
@@ -46,7 +46,7 @@ export default class AccountService {
   public retrieveAccount(): Promise<boolean> {
     return new Promise(resolve => {
       axios
-        .get('api/account').then((response) => {
+        .get<any>('api/account').then((response) => {
         this.store.commit('authenticate');
         const account = response.data;
         if (account) {

package/generators/client/templates/vue/src/main/webapp/app/admin/configuration/configuration.service.ts.ejs

@@ -23,7 +23,7 @@ export default class ConfigurationService {
 
   public loadEnvConfiguration(): Promise<any> {
     return new Promise(resolve => {
-      axios.get('management/env').then(res => {
+      axios.get<any>('management/env').then(res => {
         const properties = {};
         const propertySources = res.data['propertySources'];
 

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

@@ -15,7 +15,7 @@ export default class TrackerService {
 
   private router: VueRouter;
 
-  constructor(router: VueRouter) {
+  constructor(router: VueRouter<%_ if (authenticationTypeSession) { _%>, private cookie: any<%_ } _%>) {
     this.router = router;
     this.connection = this.createConnection();
     this.listener = this.createListener();
@@ -28,19 +28,20 @@ export default class TrackerService {
     // building absolute path so that websocket doesn't fail when deploying with a context path
     const loc = window.location;
     const baseHref = document.querySelector('base').getAttribute('href');
-    let url;
-    url = '//' + loc.host + baseHref + 'websocket/tracker';
 <%_ if (authenticationTypeJwt) { _%>
+    let url = '//' + loc.host + baseHref + 'websocket/tracker';
     const authToken = localStorage.getItem('<%=jhiPrefixDashed %>-authenticationToken') || sessionStorage.getItem('<%=jhiPrefixDashed %>-authenticationToken');
     if (authToken) {
       url += '?access_token=' + authToken;
     }
+<%_ } else { _%>
+    const url = '//' + loc.host + baseHref + 'websocket/tracker';
 <%_ } _%>
     const socket = new SockJS(url);
     this.stompClient = Stomp.over(socket, { protocols: ['v12.stomp'] });
     const headers = {};
 <%_ if (authenticationTypeSession) { _%>
-    headers['X-XSRF-TOKEN'] = (<any>this).$cookie.get('JSESSIONID') || (<any>this).$cookie.get('XSRF-TOKEN');
+    headers['X-XSRF-TOKEN'] = this.cookie.get('JSESSIONID') || this.cookie.get('XSRF-TOKEN');
 <%_ } _%>
     this.stompClient.connect(headers, () => this.afterConnect());
   }

package/generators/client/templates/vue/src/main/webapp/app/admin/user-management/user-management-edit.component.ts.ejs

@@ -2,6 +2,7 @@ import { email, maxLength, minLength, required } from 'vuelidate/lib/validators'
 import { Component, Inject, Vue } from 'vue-property-decorator';
 import UserManagementService from './user-management.service';
 import { IUser, User } from '@/shared/model/user.model';
+import AlertService from '@/shared/alert/alert.service';
 
 const loginValidator = (value: string) => {
   if (!value) {
@@ -37,6 +38,8 @@ const validations: any = {
 })
 export default class <%=jhiPrefixCapitalized%>UserManagementEdit extends Vue {
   @Inject('userService') private userManagementService: () => UserManagementService;
+  @Inject('alertService') private alertService: () => AlertService;
+
   public userAccount: IUser;
   public isSaving = false;
   public authorities: any[] = [];
@@ -87,6 +90,9 @@ export default class <%=jhiPrefixCapitalized%>UserManagementEdit extends Vue {
           solid: true,
           autoHideDelay: 5000,
         });
+      }).catch(error => {
+        this.isSaving = true;
+        this.alertService().showHttpError(this,error.response);
       });
     } else {
 <%_ if (!enableTranslation) { _%>
@@ -101,6 +107,9 @@ export default class <%=jhiPrefixCapitalized%>UserManagementEdit extends Vue {
           solid: true,
           autoHideDelay: 5000,
         });
+      }).catch(error => {
+        this.isSaving = true;
+        this.alertService().showHttpError(this,error.response);
       });
     }
   }

package/generators/client/templates/vue/src/main/webapp/app/admin/user-management/user-management-view.component.ts.ejs

@@ -1,10 +1,13 @@
 import Vue from 'vue';
 import { Component, Inject } from 'vue-property-decorator';
 import UserManagementService from './user-management.service';
+import AlertService from '@/shared/alert/alert.service';
 
 @Component
 export default class <%=jhiPrefixCapitalized%>UserManagementView extends Vue {
   @Inject('userService') private userManagementService: () => UserManagementService;
+  @Inject('alertService') private alertService: () => AlertService;
+
   public user: any = null;
 
   beforeRouteEnter(to, from, next) {
@@ -17,6 +20,8 @@ export default class <%=jhiPrefixCapitalized%>UserManagementView extends Vue {
   public init(userId: <% if (userPrimaryKeyTypeString || userPrimaryKeyTypeUUID) { %>string<% } else { %>number<% } %>): void {
     this.userManagementService().get(userId).then(res => {
       this.user = res.data;
+    }).catch(error => {
+      this.alertService().showHttpError(this,error.response);
     });
   }
 }