generator-jhipster 7.1.0 → 7.4.0

package/generators/client/templates/react/webpack/webpack.prod.js.ejs

@@ -23,13 +23,16 @@ const WorkboxPlugin = require('workbox-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const sass = require('sass');
+<%_ if (enableI18nRTL) { _%>
+const postcssRTLCSS = require('postcss-rtlcss');
+<%_ } _%>
 
 const utils = require('./utils.js');
 const commonConfig = require('./webpack.common.js');
 
 const ENV = 'production';
 
-module.exports = webpackMerge(commonConfig({ env: ENV }), {
+module.exports = async () => webpackMerge(await commonConfig({ env: ENV }), {
   // devtool: 'source-map', // Enable source maps. Please note that this will slow down the build
   mode: ENV,
   entry: {
@@ -42,11 +45,6 @@ module.exports = webpackMerge(commonConfig({ env: ENV }), {
   },
   module: {
     rules: [
-      {
-        enforce: 'pre',
-        test: /\.s?css$/,
-        loader: 'stripcomment-loader'
-      },
       {
         test: /\.(sa|sc|c)ss$/,
         use: [
@@ -57,7 +55,16 @@ module.exports = webpackMerge(commonConfig({ env: ENV }), {
             }
           },
           'css-loader',
-          'postcss-loader',
+          {
+            loader: 'postcss-loader',
+<%_ if (enableI18nRTL) { _%>
+            options: {
+              postcssOptions: {
+                plugins: [postcssRTLCSS()],
+              },
+            },
+<%_ } _%>
+          },
           {
             loader: 'sass-loader',
             options: { implementation: sass }

package/generators/client/templates/vue/.eslintrc.js.ejs

@@ -19,26 +19,29 @@
 module.exports = {
     root: true,
     env: {
-      node: true
+      node: true,
     },
     extends: [
       'plugin:vue/essential',
       'eslint:recommended',
       '@vue/typescript/recommended',
       '@vue/prettier',
-      '@vue/prettier/@typescript-eslint'
+      '@vue/prettier/@typescript-eslint',
     ],
     parserOptions: {
-      ecmaVersion: 2020
+      ecmaVersion: 2020,
+      project: ['./tsconfig.spec.json'],
     },
     rules: {
       'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
       'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+      'vue/multi-word-component-names': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/no-unused-vars': 'off',
       '@typescript-eslint/explicit-module-boundary-types': 'off',
       '@typescript-eslint/no-empty-function': 'off',
-      '@typescript-eslint/ban-ts-comment': 'off'
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-var-requires': 'off',
     },
-    "ignorePatterns": ["**/src/main docker/**/*.js"],
+    'ignorePatterns': ['<%= BUILD_DIR %>'],
   };

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

@@ -1,81 +1,73 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.2.35",
-    "@fortawesome/free-solid-svg-icons": "5.15.3",
-    "@fortawesome/vue-fontawesome": "2.0.2",
-    "axios": "0.21.1",
-    "bootstrap": "4.6.0",
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-solid-svg-icons": "5.15.4",
+    "@fortawesome/vue-fontawesome": "2.0.6",
+    "axios": "0.24.0",
+    "bootstrap": "4.6.1",
     "bootstrap-vue": "2.21.2",
-    "bootswatch": "5.0.1",
-    "swagger-ui-dist": "3.50.0",
-    "vue": "2.6.12",
+    "bootswatch": "5.1.3",
+    "swagger-ui-dist": "4.1.0",
+    "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.1",
-    "vue-i18n": "8.24.4",
+    "vue-router": "3.5.3",
+    "vue-i18n": "8.26.7",
     "vue-property-decorator": "9.1.2",
     "vuelidate": "0.7.6",
     "vuex": "3.6.2",
     "vue2-filters": "0.13.0"
   },
   "devDependencies": {
-    "@types/jest": "26.0.23",
-    "@types/node": "15.12.2",
-    "@types/sinon": "10.0.2",
-    "@types/vuelidate": "0.7.14",
-    "@typescript-eslint/eslint-plugin": "4.27.0",
-    "@typescript-eslint/parser": "4.27.0",
+    "@types/jest": "27.0.3",
+    "@types/node": "16.11.8",
+    "@types/sinon": "10.0.6",
+    "@types/vuelidate": "0.7.15",
+    "@typescript-eslint/eslint-plugin": "5.4.0",
+    "@typescript-eslint/parser": "5.4.0",
     "@vue/eslint-config-prettier": "6.0.0",
-    "@vue/eslint-config-typescript": "7.0.0",
-    "@vue/cli-plugin-eslint": "4.5.13",
-    "@vue/cli-plugin-typescript": "4.5.13",
-    "@vue/cli-service": "4.5.13",
-    "@vue/test-utils": "1.2.1",
-    "autoprefixer": "10.2.6",
-    "babel-core": "7.0.0-bridge.0",
-    "browser-sync": "2.26.14",
+    "@vue/eslint-config-typescript": "9.1.0",
+    "@vue/vue2-jest": "27.0.0-alpha.3",
+    "@vue/test-utils": "1.3.0",
+    "axios-mock-adapter": "1.20.0",
+    "autoprefixer": "10.4.0",
     "browser-sync-webpack-plugin": "2.3.0",
-    "copy-webpack-plugin": "9.0.0",
-    "css-loader": "5.2.6",
-    "css-minimizer-webpack-plugin": "3.0.1",
-    "file-loader": "6.2.0",
-    "fork-ts-checker-webpack-plugin": "6.2.10",
-    "html-webpack-plugin": "5.3.1",
-    "jest": "27.0.4",
-    "jest-junit": "12.2.0",
+    "copy-webpack-plugin": "10.0.0",
+    "css-loader": "6.5.1",
+    "css-minimizer-webpack-plugin": "3.1.4",
+    "folder-hash": "4.0.1",
+    "fork-ts-checker-webpack-plugin": "6.4.0",
+    "html-webpack-plugin": "5.5.0",
+    "jest": "27.3.1",
+    "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": "1.6.0",
-    "node-notifier": "9.0.1",
+    "mini-css-extract-plugin": "2.4.5",
     "numeral": "2.0.6",
-    "portfinder": "1.0.28",
-    "postcss": "8.3.5",
     "postcss-import": "14.0.2",
-    "postcss-loader": "6.1.0",
+    "postcss-loader": "6.2.0",
     "postcss-url": "10.1.3",
     "rimraf": "3.0.2",
-    "sass": "1.35.1",
-    "sass-loader": "12.1.0",
-    "sinon": "11.1.1",
-    "terser-webpack-plugin": "5.1.3",
-    "ts-jest": "27.0.3",
-    "ts-loader": "9.2.3",
-    "eslint": "6.8.0",
-    "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-vue": "7.11.1",
-    "typescript": "4.3.4",
-    "url-loader": "4.1.1",
-    "webpack": "5.39.1",
-    "webpack-bundle-analyzer": "4.4.2",
-    "webpack-cli": "4.7.2",
-    "webpack-dev-server": "3.11.2",
+    "sass": "1.43.4",
+    "sass-loader": "12.3.0",
+    "sinon": "12.0.1",
+    "terser-webpack-plugin": "5.2.5",
+    "ts-jest": "27.0.7",
+    "ts-loader": "9.2.6",
+    "eslint": "8.2.0",
+    "eslint-plugin-prettier": "3.4.1",
+    "eslint-plugin-vue": "8.1.1",
+    "typescript": "4.5.2",
+    "webpack": "5.64.1",
+    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-cli": "4.9.1",
+    "webpack-dev-server": "4.5.0",
     "webpack-merge": "5.8.0",
-    "workbox-webpack-plugin": "6.1.5",
+    "workbox-webpack-plugin": "6.4.1",
     "vue-jest": "3.0.7",
-    "vue-template-compiler": "2.6.12",
-    "vue-loader": "15.9.7"
+    "vue-loader": "15.9.8"
   }
 }

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": [
@@ -66,26 +66,21 @@
     "ts-node": "8.10.1",
     "webdriver-manager": "12.1.8",
 <%_ } _%>
-    "babel-core": "<%= dependabotPackageJson.devDependencies['babel-core'] %>",
     "@types/jest": "<%= dependabotPackageJson.devDependencies['@types/jest'] %>",
     "@types/node": "<%= dependabotPackageJson.devDependencies['@types/node'] %>",
     "@types/sinon": "<%= dependabotPackageJson.devDependencies['@types/sinon'] %>",
     "@types/vuelidate": "<%= dependabotPackageJson.devDependencies['@types/vuelidate'] %>",
     "@typescript-eslint/eslint-plugin": "<%= dependabotPackageJson.devDependencies['@typescript-eslint/eslint-plugin'] %>",
     "@typescript-eslint/parser": "<%= dependabotPackageJson.devDependencies['@typescript-eslint/parser'] %>",
-    "@vue/cli-plugin-eslint": "<%= dependabotPackageJson.devDependencies['@vue/cli-plugin-eslint'] %>",
-    "@vue/cli-plugin-typescript": "<%= dependabotPackageJson.devDependencies['@vue/cli-plugin-typescript'] %>",
-    "@vue/cli-service": "<%= dependabotPackageJson.devDependencies['@vue/cli-service'] %>",
     "@vue/eslint-config-prettier": "<%= dependabotPackageJson.devDependencies['@vue/eslint-config-prettier'] %>",
     "@vue/eslint-config-typescript": "<%= dependabotPackageJson.devDependencies['@vue/eslint-config-typescript'] %>",
     "@vue/test-utils": "<%= dependabotPackageJson.devDependencies['@vue/test-utils'] %>",
+    "axios-mock-adapter": "<%= dependabotPackageJson.devDependencies['axios-mock-adapter'] %>",
     "autoprefixer": "<%= dependabotPackageJson.devDependencies['autoprefixer'] %>",
-    "browser-sync": "<%= dependabotPackageJson.devDependencies['browser-sync'] %>",
     "browser-sync-webpack-plugin": "<%= dependabotPackageJson.devDependencies['browser-sync-webpack-plugin'] %>",
     "copy-webpack-plugin": "<%= dependabotPackageJson.devDependencies['copy-webpack-plugin'] %>",
     "css-loader": "<%= dependabotPackageJson.devDependencies['css-loader'] %>",
     "css-minimizer-webpack-plugin": "<%= dependabotPackageJson.devDependencies['css-minimizer-webpack-plugin'] %>",
-    "file-loader": "<%= dependabotPackageJson.devDependencies['file-loader'] %>",
     "fork-ts-checker-webpack-plugin": "<%= dependabotPackageJson.devDependencies['fork-ts-checker-webpack-plugin'] %>",
 <%_ if (!skipJhipsterDependencies) { _%>
     "generator-jhipster": "<%= packagejs.version %>",
@@ -94,21 +89,17 @@
     <%_ });
 } _%>
     "html-webpack-plugin": "<%= dependabotPackageJson.devDependencies['html-webpack-plugin'] %>",
-<%_ if (!skipCommitHook) { _%>
-    "husky": "<%= dependabotPackageJson.devDependencies['husky'] %>",
-    "lint-staged": "<%= dependabotPackageJson.devDependencies['lint-staged'] %>",
-<%_ } _%>
     "jest": "<%= dependabotPackageJson.devDependencies['jest'] %>",
     "jest-junit": "<%= dependabotPackageJson.devDependencies['jest-junit'] %>",
     "jest-serializer-vue": "<%= dependabotPackageJson.devDependencies['jest-serializer-vue'] %>",
     "jest-sonar-reporter": "<%= dependabotPackageJson.devDependencies['jest-sonar-reporter'] %>",
     "jest-vue-preprocessor": "<%= dependabotPackageJson.devDependencies['jest-vue-preprocessor'] %>",
+<%_ if (enableTranslation) { _%>
+    "folder-hash": "<%= dependabotPackageJson.devDependencies['folder-hash'] %>",
     "merge-jsons-webpack-plugin": "<%= dependabotPackageJson.devDependencies['merge-jsons-webpack-plugin'] %>",
+<%_ } _%>
     "mini-css-extract-plugin": "<%= dependabotPackageJson.devDependencies['mini-css-extract-plugin'] %>",
-    "node-notifier": "<%= dependabotPackageJson.devDependencies['node-notifier'] %>",
     "numeral": "<%= dependabotPackageJson.devDependencies['numeral'] %>",
-    "portfinder": "<%= dependabotPackageJson.devDependencies['portfinder'] %>",
-    "postcss": "<%= dependabotPackageJson.devDependencies['postcss'] %>",
     "postcss-import": "<%= dependabotPackageJson.devDependencies['postcss-import'] %>",
     "postcss-loader": "<%= dependabotPackageJson.devDependencies['postcss-loader'] %>",
     "postcss-url": "<%= dependabotPackageJson.devDependencies['postcss-url'] %>",
@@ -119,9 +110,6 @@
     "prettier-plugin-packagejson": "<%= dependabotPackageJson.devDependencies['prettier-plugin-packagejson'] %>",
 <%_ if (cypressTests) { _%>
     "cypress": "<%= dependabotPackageJson.devDependencies['cypress'] %>",
-    <%_ if (authenticationTypeOauth2) { _%>
-    "puppeteer": "<%= dependabotPackageJson.devDependencies['puppeteer'] %>",
-    <%_ } _%>
 <%_ } _%>
     "rimraf": "<%= dependabotPackageJson.devDependencies['rimraf'] %>",
     "sass": "<%= dependabotPackageJson.devDependencies['sass'] %>",
@@ -134,10 +122,13 @@
     "eslint-plugin-prettier": "<%= dependabotPackageJson.devDependencies['eslint-plugin-prettier'] %>",
     "eslint-plugin-vue": "<%= dependabotPackageJson.devDependencies['eslint-plugin-vue'] %>",
     "typescript": "<%= dependabotPackageJson.devDependencies['typescript'] %>",
-    "url-loader": "<%= dependabotPackageJson.devDependencies['url-loader'] %>",
+<%_ if (microfrontend) { _%>
+    "@vue/vue2-jest": "<%= dependabotPackageJson.devDependencies['@vue/vue2-jest'] %>",
+<%_ } else { _%>
     "vue-jest": "<%= dependabotPackageJson.devDependencies['vue-jest'] %>",
+<%_ } _%>
     "vue-loader": "<%= dependabotPackageJson.devDependencies['vue-loader'] %>",
-    "vue-template-compiler": "<%= dependabotPackageJson.devDependencies['vue-template-compiler'] %>",
+    "vue-template-compiler": "<%= dependabotPackageJson.dependencies['vue'] %>",
     "webpack": "<%= dependabotPackageJson.devDependencies['webpack'] %>",
     "webpack-bundle-analyzer": "<%= dependabotPackageJson.devDependencies['webpack-bundle-analyzer'] %>",
     "webpack-cli": "<%= dependabotPackageJson.devDependencies['webpack-cli'] %>",
@@ -155,27 +146,28 @@
   "scripts": {
     "prettier:check": "prettier --check \"{,src/**/,webpack/}*.{<%= getPrettierExtensions() %>}\"",
     "prettier:format": "prettier --write \"{,src/**/,webpack/}*.{<%= getPrettierExtensions() %>}\"",
-    "lint": "vue-cli-service lint --no-fix",
-    "lint:fix": "vue-cli-service lint",
+    "lint": "eslint . --ext .ts,.vue ",
+    "lint:fix": "eslint . --ext .ts,.vue --fix",
     "cleanup": "rimraf <%= DIST_DIR %>",
     "clean-www": "rimraf <%= DIST_DIR %>app/{src,<%= BUILD_DIR %>}",
-    "start": "<%= clientPackageManager %> run webapp:dev",
+    "start": "<%= clientPackageManager %> run webapp:dev --",
     "start-tls": "<%= clientPackageManager %> run webapp:dev -- --env.tls",
-    "serve": "<%= clientPackageManager %> run start",
-    "build": "<%= clientPackageManager %> run webapp:prod",
+    "serve": "<%= clientPackageManager %> run start --",
+    "build": "<%= clientPackageManager %> run webapp:prod --",
+    "build-watch": "concurrently 'npm run webapp:build:dev -- --watch'<% if(!skipServer) { %> npm:backend:start<% } %>",
 <%_ if (protractorTests && !cypressTests) { _%>
-    "e2e": "<%= clientPackageManager %> run e2e:protractor",
-    "e2e:headless": "<%= clientPackageManager %> run e2e:protractor:headless",
+    "e2e": "<%= clientPackageManager %> run e2e:protractor --",
+    "e2e:headless": "<%= clientPackageManager %> run e2e:protractor:headless --",
 <%_ } else if ((cypressTests && !protractorTests) || (protractorTests && cypressTests)) {  _%>
-    "e2e": "<%= clientPackageManager %> run e2e:cypress",
-    "e2e:headless": "<%= clientPackageManager %> run e2e:cypress:headless",
+    "e2e": "<%= clientPackageManager %> run e2e:cypress:headed --",
+    "e2e:headless": "<%= clientPackageManager %> run e2e:cypress --",
 <%_ } _%>
 <%_ if (protractorTests) { _%>
-    "e2e:protractor:headless": "<%= clientPackageManager %> run e2e:protractor",
+    "e2e:protractor:headless": "<%= clientPackageManager %> run e2e:protractor --",
     "e2e:protractor": "protractor <%= TEST_SRC_DIR %>protractor.conf.js",
 <%_ } _%>
 <%_ if (cypressTests) { _%>
-    "e2e:cypress:headless": "<%= clientPackageManager %> run e2e:cypress -- --headless",
+    "e2e:cypress:headed": "<%= clientPackageManager %> run e2e:cypress -- --headed",
     "e2e:cypress": "cypress run --browser chrome --record ${CYPRESS_ENABLE_RECORD:-false}",
     "cypress": "cypress open",
 <%_ } _%>
@@ -186,17 +178,18 @@
     "jest": "jest --coverage --logHeapUsage --maxWorkers=2 --no-cache --config <%= CLIENT_TEST_SRC_DIR %>jest.conf.js",
     "jest:update": "<%= clientPackageManager %> run jest -- --updateSnapshot",
     "pretest": "<%= clientPackageManager %> run lint",
-    "test": "<%= clientPackageManager %> run jest",
-    "test-ci": "<%= clientPackageManager %> run lint && <%= clientPackageManager %> run jest:update",
+    "test": "<%= clientPackageManager %> run jest --",
+    "test-ci": "<%= clientPackageManager %> run lint && <%= clientPackageManager %> run jest:update --",
     "test:watch": "<%= clientPackageManager %> run jest -- --watch",
-    "webapp:build": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:dev",
-    "webapp:build:dev": "<%= clientPackageManager %> run webpack -- --config webpack/webpack.dev.js --progress=profile --env stats=minimal",
-    "webapp:build:prod": "<%= clientPackageManager %> run webpack -- --config webpack/webpack.prod.js --progress=profile --env stats=minimal",
-    "webapp:dev": "<%= clientPackageManager %> run webpack-dev-server -- --config webpack/webpack.dev.js --progress=profile --inline --env stats=normal",
-    "webapp:prod": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:prod",
-    "webapp:test": "<%= clientPackageManager %> run test",
-    "webpack-dev-server": "webpack serve",
-    "webpack": "node --max_old_space_size=4096 node_modules/webpack/bin/webpack.js"
+    "watch": "concurrently npm:start<% if(!skipServer) { %> npm:backend:start<% } %>",
+    "webapp:build": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:dev --",
+    "webapp:build:dev": "<%= clientPackageManager %> run webpack -- --mode development --progress=profile --env stats=minimal",
+    "webapp:build:prod": "<%= clientPackageManager %> run webpack -- --mode production --progress=profile --env stats=minimal",
+    "webapp:dev": "<%= clientPackageManager %> run webpack-dev-server -- --mode development --progress=profile --env stats=normal",
+    "webapp:prod": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:prod --",
+    "webapp:test": "<%= clientPackageManager %> run test --",
+    "webpack-dev-server": "webpack serve --config webpack/webpack.common.js",
+    "webpack": "webpack --config webpack/webpack.common.js"
   },
   "jestSonar": {
     "reportPath": "<%= BUILD_DIR %>test-results/jest",

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) {
@@ -65,7 +65,7 @@ export default class AccountService {
 <%_ } _%>
         } else {
           this.store.commit('logout');
-          this.router.push('/', () => {});
+          this.router.push('/');
           sessionStorage.removeItem("requested-url");
         }
 <%_ if (enableTranslation) { _%>
@@ -88,9 +88,8 @@ export default class AccountService {
       const token = <%_ if (authenticationTypeJwt) { _%> localStorage.getItem('<%=jhiPrefixDashed %>-authenticationToken') || sessionStorage.getItem('<%=jhiPrefixDashed %>-authenticationToken'); <%_ } else { _%> this.cookie.get('JSESSIONID') || this.cookie.get('XSRF-TOKEN'); <%_ } _%>
       if (!this.store.getters.account && !this.store.getters.logon && token) {
         return this.retrieveAccount();
-      } else {
-        return Promise.resolve(false);
       }
+      return Promise.resolve(false);
     }
 
     for (const authority of authorities) {

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

@@ -22,10 +22,10 @@ export default class Activate extends Vue {
 
   public init(key: string): void {
     this.activateService().activateAccount(key)
-      .then(res => {
+      .then(() => {
         this.success = true;
         this.error = false;
-      }, err => {
+      }, () => {
         this.error = true;
         this.success = false;
       });

package/generators/client/templates/vue/src/main/webapp/app/account/change-password/change-password.component.ts.ejs

@@ -64,6 +64,6 @@ export default class ChangePassword extends Vue {
   }
 
   public get username(): string {
-    return this.$store.getters.account ? this.$store.getters.account.login : '';
+    return this.$store.getters.account?.login ?? '';
   }
 }

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

@@ -37,7 +37,7 @@ export default class ResetPasswordFinish extends Vue {
   };
 
   created(): void {
-    if (this.$route !== undefined && this.$route.query !== undefined && this.$route.query.key !== undefined) {
+    if (this.$route?.query?.key !== undefined) {
       this.key = this.$route.query.key;
     }
     this.keyMissing = !this.key;

package/generators/client/templates/vue/src/main/webapp/app/account/reset-password/init/reset-password-init.component.ts.ejs

@@ -38,7 +38,7 @@ export default class ResetPasswordInit extends Vue {
       .then(() => {
         this.success = true;
       })
-      .catch(error => {
+      .catch(() => {
         this.success = null;
         this.error = 'ERROR';
       });

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

@@ -58,6 +58,6 @@ export default class Settings extends Vue {
   }
 
   public get username(): string {
-    return this.$store.getters.account ? this.$store.getters.account.login : '';
+    return this.$store.getters.account?.login ?? '';
   }
 }

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

@@ -3,7 +3,13 @@
     <div class="row justify-content-center">
       <div class="col-md-8 toastify-container">
         <h2 v-if="username" id="settings-title">
-          <span v-html="$t('settings.title', { 'username': username })">User settings for [<strong>{{username}}</strong>]</span>
+          <span v-html="$t('settings.title', { 'username': username })">
+            User settings for [
+            <strong>
+              {{username}}
+            </strong>
+            ]
+          </span>
         </h2>
 
         <div class="alert alert-success" role="alert" v-if="success" v-html="$t('settings.messages.success')">

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

@@ -34,7 +34,7 @@ export default class <%=jhiPrefixCapitalized%>Configuration extends Vue {
     });
   }
 
-  public changeOrder(prop): void {
+  public changeOrder(prop: string): void {
     this.orderProp = prop;
     this.reverse = !this.reverse;
   }

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/configuration/configuration.vue.ejs

@@ -17,7 +17,7 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="entry in orderBy(filterBy(configuration, filtered), orderProp, reverse === true ? 1 : -1)"
+          <tr v-for="entry in orderBy(filterBy(configuration, filtered), orderProp, reverse ? 1 : -1)"
             :key="entry.prefix">
             <td>
               <span>{{ entry.prefix }}</span>

package/generators/client/templates/vue/src/main/webapp/app/admin/health/health-modal.component.ts.ejs

@@ -21,15 +21,13 @@ export default class <%=jhiPrefixCapitalized%>HealthModal extends Vue {
       if (val > 1) {
         // Value
         return val.toFixed(2) + ' GB';
-      } else {
-        return (value / 1048576).toFixed(2) + ' MB';
       }
+      return (value / 1048576).toFixed(2) + ' MB';
     }
 
     if (typeof value === 'object') {
       return JSON.stringify(value);
-    } else {
-      return value.toString();
     }
+    return value.toString();
   }
 }

package/generators/client/templates/vue/src/main/webapp/app/admin/health/health.component.ts.ejs

@@ -24,9 +24,8 @@ export default class <%=jhiPrefixCapitalized%>Health extends Vue {
   public getBadgeClass(statusState: any): string {
     if (statusState === 'UP') {
       return 'badge-success';
-    } else {
-      return 'badge-danger';
     }
+    return 'badge-danger';
   }
 
   public refresh(): void {

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

@@ -1,12 +1,10 @@
-import axios, { AxiosInstance, AxiosPromise } from 'axios';
+import axios, { AxiosPromise } from 'axios';
 
 export default class HealthService {
   public separator: string;
-  private axios: AxiosInstance;
 
   constructor() {
     this.separator = '.';
-    this.axios = axios;
   }
 
   public checkHealth(): AxiosPromise<any> {
@@ -89,17 +87,15 @@ export default class HealthService {
   }
 
   public getModuleName(path: any, name: string) {
-    let result;
     if (path && name) {
-      result = path + this.separator + name;
+      return path + this.separator + name;
     } else if (path) {
-      result = path;
+      return path;
     } else if (name) {
-      result = name;
+      return name;
     } else {
-      result = '';
+      return '';
     }
-    return result;
   }
 
   public hasSubSystem(healthObject: any): any {

package/generators/client/templates/vue/src/main/webapp/app/admin/logs/logs.component.ts.ejs

@@ -24,7 +24,7 @@ export default class <%=jhiPrefixCapitalized%>Logs extends Vue {
       });
   }
 
-  public updateLevel(name, level): void {
+  public updateLevel(name: string, level: string): void {
     this.logsService()
       .changeLevel(name, level)
       .then(() => {
@@ -32,7 +32,7 @@ export default class <%=jhiPrefixCapitalized%>Logs extends Vue {
       });
   }
 
-  public changeOrder(orderProp): void {
+  public changeOrder(orderProp: string): void {
     this.orderProp = orderProp;
     this.reverse = !this.reverse;
   }

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

@@ -6,7 +6,7 @@ import Component from 'vue-class-component';
 export default class LogsService extends Vue {
 
   public changeLevel(name: string, configuredLevel: string): AxiosPromise<any> {
-    return axios.post('management/loggers/' + name, {configuredLevel});
+    return axios.post(`management/loggers/${name}`, { configuredLevel });
   }
 
   public findAll(): AxiosPromise<any> {

package/generators/client/templates/vue/src/main/webapp/app/admin/metrics/metrics.component.ts.ejs

@@ -107,7 +107,7 @@ export default class <%=jhiPrefixCapitalized%>Metrics extends Vue {
         } else {
           plural = '';
         }
-        time_string += Math.floor(ms / times[key]).toString() + ' ' + key.toString() + plural + ' ';
+        time_string += `${Math.floor(ms / times[key])} ${key}${plural} `;
         ms = ms - times[key] * Math.floor(ms / times[key]);
       }
     }

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

@@ -1,11 +1,6 @@
-import axios, { AxiosInstance, AxiosPromise } from 'axios';
+import axios, { AxiosPromise } from 'axios';
 
 export default class MetricsService {
-  private axios: AxiosInstance;
-
-  constructor() {
-    this.axios = axios;
-  }
 
   public getMetrics(): AxiosPromise<any> {
     return axios.get('management/jhimetrics');