generator-jhipster 8.0.0-beta.3 → 8.0.0

package/dist/generators/vue/resources/package.json

@@ -5,37 +5,42 @@
     "@fortawesome/vue-fontawesome": "3.0.3",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
-    "@vueuse/core": "10.4.1",
-    "axios": "1.5.0",
+    "@vueuse/core": "10.5.0",
+    "axios": "1.6.0",
     "bootstrap": "4.6.2",
     "bootstrap-vue": "2.23.1",
-    "bootswatch": "5.3.1",
+    "bootswatch": "5.3.2",
+    "deepmerge": "4.3.1",
     "js-cookie": "3.0.5",
-    "pinia": "2.1.6",
-    "vue": "3.3.4",
-    "vue-i18n": "9.2.2",
-    "vue-router": "4.2.4"
+    "pinia": "2.1.7",
+    "vue": "3.3.7",
+    "vue-i18n": "9.6.2",
+    "vue-router": "4.2.5"
   },
   "devDependencies": {
+    "@module-federation/utilities": "3.0.3-0",
     "@pinia/testing": "0.1.3",
-    "@rushstack/eslint-patch": "1.3.3",
-    "@types/node": "18.17.14",
-    "@types/sinon": "10.0.16",
-    "@vitejs/plugin-vue": "4.3.4",
+    "@rushstack/eslint-patch": "1.5.1",
+    "@tsconfig/node18": "18.2.2",
+    "@types/node": "18.18.8",
+    "@types/sinon": "10.0.20",
+    "@vitejs/plugin-vue": "4.4.0",
     "@vue/eslint-config-prettier": "8.0.0",
     "@vue/eslint-config-typescript": "10.0.0",
     "@vue/test-utils": "2.4.1",
-    "autoprefixer": "10.4.15",
-    "axios-mock-adapter": "1.21.5",
+    "@vue/tsconfig": "0.4.0",
+    "autoprefixer": "10.4.16",
+    "axios-mock-adapter": "1.22.0",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "11.0.0",
     "css-loader": "6.8.1",
     "css-minimizer-webpack-plugin": "5.0.1",
-    "eslint": "8.48.0",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint": "8.52.0",
+    "eslint-plugin-prettier": "5.0.1",
     "eslint-plugin-vue": "8.7.1",
+    "flush-promises": "1.0.2",
     "folder-hash": "4.0.4",
-    "happy-dom": "10.11.2",
+    "happy-dom": "12.10.3",
     "html-webpack-plugin": "5.5.3",
     "merge-jsons-webpack-plugin": "2.0.1",
     "mini-css-extract-plugin": "2.7.6",
@@ -43,22 +48,25 @@
     "postcss-import": "15.1.0",
     "postcss-loader": "7.3.3",
     "postcss-url": "10.1.3",
-    "rimraf": "5.0.1",
-    "sass": "1.66.1",
+    "rimraf": "5.0.5",
+    "rollup-plugin-copy": "3.5.0",
+    "sass": "1.69.5",
     "sass-loader": "13.3.2",
-    "sinon": "15.2.0",
+    "sinon": "17.0.1",
     "terser-webpack-plugin": "5.3.9",
-    "ts-loader": "9.4.4",
+    "ts-loader": "9.5.0",
     "typescript": "5.2.2",
-    "vitest": "0.34.3",
-    "vitest-sonar-reporter": "0.4.1",
-    "vue-loader": "17.2.2",
+    "vite": "4.5.0",
+    "vitest": "0.34.6",
+    "vitest-sonar-reporter": "0.5.0",
+    "vue-loader": "17.3.1",
     "vue-style-loader": "4.1.3",
-    "webpack": "5.88.2",
+    "vue-tsc": "1.8.22",
+    "webpack": "5.89.0",
     "webpack-bundle-analyzer": "4.9.1",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.1",
-    "webpack-merge": "5.9.0",
+    "webpack-merge": "5.10.0",
     "workbox-webpack-plugin": "7.0.0"
   }
 }

package/dist/generators/vue/support/update-languages.mjs

@@ -54,7 +54,9 @@ function updateLanguagesInWebpackTask({ application, control = {} }) {
 export default function updateLanguagesTask(taskParam) {
     updateLanguagesInPipeTask.call(this, taskParam);
     updateLanguagesInConfigTask.call(this, taskParam);
-    updateLanguagesInWebpackTask.call(this, taskParam);
+    if (taskParam.application.microfrontend) {
+        updateLanguagesInWebpackTask.call(this, taskParam);
+    }
     updateLanguagesInDayjsConfigurationTask.call(this, taskParam, {
         configurationFile: `${taskParam.application.clientSrcDir}app/shared/config/dayjs.ts`,
         commonjs: true,

package/dist/generators/vue/templates/.eslintrc.cjs.ejs

@@ -0,0 +1,58 @@
+<%#
+ Copyright 2013-2023 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.
+-%>
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting',
+  ],
+<%_ if (cypressTests) { _%>
+  overrides: [
+    {
+      files: [
+        '<%= clientTestDir %>cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
+      ],
+      'extends': [
+        'plugin:cypress/recommended',
+      ],
+    },
+  ],
+<%_ } _%>
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+  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/no-var-requires': 'off',
+    '@typescript-eslint/consistent-type-imports': 'error',
+  },
+  ignorePatterns: ['<%= this.relativeDir(clientRootDir, temporaryDir) %>'],
+};

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

@@ -49,73 +49,74 @@
     "pinia": "<%= nodeDependencies.pinia %>",
     "vue": "<%= nodeDependencies['vue'] %>",
 <%_ if (enableTranslation) { _%>
+    "deepmerge": null,
     "vue-i18n": "<%= nodeDependencies['vue-i18n'] %>",
 <%_ } _%>
     "vue-router": "<%= nodeDependencies['vue-router'] %>"
   },
   "devDependencies": {
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+    "@module-federation/utilities": "<%= nodeDependencies['@module-federation/utilities'] %>",
+<%_ } _%>
+<%_ if (microfrontend) { _%>
+    "@originjs/vite-plugin-federation": "1.2.3",
+    "browser-sync-webpack-plugin": "<%= nodeDependencies['browser-sync-webpack-plugin'] %>",
+    "copy-webpack-plugin": "<%= nodeDependencies['copy-webpack-plugin'] %>",
+    "css-loader": "<%= nodeDependencies['css-loader'] %>",
+    "css-minimizer-webpack-plugin": "<%= nodeDependencies['css-minimizer-webpack-plugin'] %>",
+    "html-webpack-plugin": "<%= nodeDependencies['html-webpack-plugin'] %>",
+  <%_ if (enableTranslation) { _%>
+    "folder-hash": "<%= nodeDependencies['folder-hash'] %>",
+    "merge-jsons-webpack-plugin": "<%= nodeDependencies['merge-jsons-webpack-plugin'] %>",
+  <%_ } _%>
+    "mini-css-extract-plugin": "<%= nodeDependencies['mini-css-extract-plugin'] %>",
+    "postcss-loader": "<%= nodeDependencies['postcss-loader'] %>",
+    "sass-loader": "<%= nodeDependencies['sass-loader'] %>",
+    "terser-webpack-plugin": "<%= nodeDependencies['terser-webpack-plugin'] %>",
+    "ts-loader": "<%= nodeDependencies['ts-loader'] %>",
+    "vue-loader": "<%= nodeDependencies['vue-loader'] %>",
+    "vue-style-loader": "<%= nodeDependencies['vue-style-loader'] %>",
+    "webpack": "<%= nodeDependencies['webpack'] %>",
+    "webpack-bundle-analyzer": "<%= nodeDependencies['webpack-bundle-analyzer'] %>",
+    "webpack-cli": "<%= nodeDependencies['webpack-cli'] %>",
+    "webpack-dev-server": "<%= nodeDependencies['webpack-dev-server'] %>",
+    "webpack-merge": "<%= nodeDependencies['webpack-merge'] %>",
+    "workbox-webpack-plugin": "<%= nodeDependencies['workbox-webpack-plugin'] %>",
+<%_ } _%>
     "@pinia/testing": "<%= nodeDependencies['@pinia/testing'] %>",
     "@rushstack/eslint-patch": "<%= nodeDependencies['@rushstack/eslint-patch'] %>",
     "@types/node": "<%= nodeDependencies['@types/node'] %>",
     "@types/sinon": "<%= nodeDependencies['@types/sinon'] %>",
+    "@tsconfig/node18": null,
     "@vue/compiler-sfc": "<%= nodeDependencies.vue %>",
     "@vitejs/plugin-vue": "<%= nodeDependencies['@vitejs/plugin-vue'] %>",
     "@vitest/coverage-v8": "<%= nodeDependencies.vitest %>",
     "@vue/eslint-config-prettier": "<%= nodeDependencies['@vue/eslint-config-prettier'] %>",
     "@vue/eslint-config-typescript": "<%= nodeDependencies['@vue/eslint-config-typescript'] %>",
     "@vue/test-utils": "<%= nodeDependencies['@vue/test-utils'] %>",
+    "@vue/tsconfig": null,
     "axios-mock-adapter": "<%= nodeDependencies['axios-mock-adapter'] %>",
     "autoprefixer": "<%= nodeDependencies['autoprefixer'] %>",
-    "browser-sync-webpack-plugin": "<%= nodeDependencies['browser-sync-webpack-plugin'] %>",
-    "copy-webpack-plugin": "<%= nodeDependencies['copy-webpack-plugin'] %>",
-    "css-loader": "<%= nodeDependencies['css-loader'] %>",
-    "css-minimizer-webpack-plugin": "<%= nodeDependencies['css-minimizer-webpack-plugin'] %>",
-<%_ if (!skipJhipsterDependencies) { _%>
-    "generator-jhipster": "<%= jhipsterVersion %>",
-  <%_ blueprints.forEach(blueprint => { _%>
-    "<%= blueprint.name %>": "<%= blueprint.version %>",
-  <%_ }); _%>
-<%_ } _%>
-    "html-webpack-plugin": "<%= nodeDependencies['html-webpack-plugin'] %>",
-<%_ if (enableTranslation) { _%>
-    "folder-hash": "<%= nodeDependencies['folder-hash'] %>",
-    "merge-jsons-webpack-plugin": "<%= nodeDependencies['merge-jsons-webpack-plugin'] %>",
-<%_ } _%>
+    "flush-promises": null,
     "happy-dom": "<%= nodeDependencies['happy-dom'] %>",
-    "mini-css-extract-plugin": "<%= nodeDependencies['mini-css-extract-plugin'] %>",
     "numeral": "<%= nodeDependencies['numeral'] %>",
     "postcss-import": "<%= nodeDependencies['postcss-import'] %>",
-    "postcss-loader": "<%= nodeDependencies['postcss-loader'] %>",
     "postcss-url": "<%= nodeDependencies['postcss-url'] %>",
-    "prettier": "<%= nodeDependencies['prettier'] %>",
-<%_ if (!skipServer) { _%>
-    "prettier-plugin-java": "<%= nodeDependencies['prettier-plugin-java'] %>",
-<%_ } _%>
-    "prettier-plugin-packagejson": "<%= nodeDependencies['prettier-plugin-packagejson'] %>",
 <%_ if (cypressTests) { _%>
     "cypress": "<%= nodeDependencies['cypress'] %>",
 <%_ } _%>
     "rimraf": "<%= nodeDependencies['rimraf'] %>",
+    "rollup-plugin-copy": null,
     "sass": "<%= nodeDependencies['sass'] %>",
-    "sass-loader": "<%= nodeDependencies['sass-loader'] %>",
     "sinon": "<%= nodeDependencies['sinon'] %>",
     "swagger-ui-dist": "<%= nodeDependencies['swagger-ui-dist'] %>",
-    "terser-webpack-plugin": "<%= nodeDependencies['terser-webpack-plugin'] %>",
-    "ts-loader": "<%= nodeDependencies['ts-loader'] %>",
     "eslint": "<%= nodeDependencies['eslint'] %>",
     "eslint-plugin-prettier": "<%= nodeDependencies['eslint-plugin-prettier'] %>",
     "eslint-plugin-vue": "<%= nodeDependencies['eslint-plugin-vue'] %>",
     "typescript": "<%= nodeDependencies['typescript'] %>",
+    "vite": null,
     "vitest": "<%= nodeDependencies.vitest %>",
-    "vitest-sonar-reporter": "<%= nodeDependencies['vitest-sonar-reporter'] %>",
-    "vue-loader": "<%= nodeDependencies['vue-loader'] %>",
-    "vue-style-loader": "<%= nodeDependencies['vue-style-loader'] %>",
-    "webpack": "<%= nodeDependencies['webpack'] %>",
-    "webpack-bundle-analyzer": "<%= nodeDependencies['webpack-bundle-analyzer'] %>",
-    "webpack-cli": "<%= nodeDependencies['webpack-cli'] %>",
-    "webpack-dev-server": "<%= nodeDependencies['webpack-dev-server'] %>",
-    "webpack-merge": "<%= nodeDependencies['webpack-merge'] %>",
-    "workbox-webpack-plugin": "<%= nodeDependencies['workbox-webpack-plugin'] %>"
+    "vitest-sonar-reporter": "<%= nodeDependencies['vitest-sonar-reporter'] %>"
   },
   "engines": {
     "node": ">=<%= nodeVersion %>",
@@ -125,12 +126,17 @@
     "default_environment": "prod"
   },
   "scripts": {
+<%_ if (microfrontend) { %>
     "prettier:check": "prettier --check \"{,src/**/,webpack/,.blueprint/**/}*.{<%= prettierExtensions %>}\"",
     "prettier:format": "prettier --write \"{,src/**/,webpack/,.blueprint/**/}*.{<%= prettierExtensions %>}\"",
+<%_ } else { %>
+    "prettier:check": "prettier --check \"{,src/**/,.blueprint/**/}*.{<%= prettierExtensions %>}\"",
+    "prettier:format": "prettier --write \"{,src/**/,.blueprint/**/}*.{<%= prettierExtensions %>}\"",
+<%_ } %>
     "lint": "eslint . --ext .ts,.vue ",
     "lint:fix": "eslint . --ext .ts,.vue --fix",
-    "cleanup": "rimraf <%= clientDistDir %>",
-    "clean-www": "rimraf <%= clientDistDir %>app/{src,<%= temporaryDir %>}",
+    "cleanup": "rimraf <%= this.relativeDir(clientRootDir, temporaryDir) %>",
+    "clean-www": "rimraf <%= this.relativeDir(clientRootDir, clientDistDir) %>",
     "start": "<%= clientPackageManager %> run webapp:dev --",
     "start-tls": "<%= clientPackageManager %> run webapp:dev -- --env.tls",
     "serve": "<%= clientPackageManager %> run start --",
@@ -143,13 +149,24 @@
     "test:watch": "<%= clientPackageManager %> run vitest",
     "watch": "concurrently npm:start<% if(!skipServer) { %> npm:backend:start<% } %>",
     "webapp:build": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:dev --",
+<%_ if (microfrontend) { %>
     "webapp:build:dev": "<%= clientPackageManager %> run webpack -- --mode development --env stats=minimal",
     "webapp:build:prod": "<%= clientPackageManager %> run webpack -- --mode production --env stats=minimal",
     "webapp:dev": "<%= clientPackageManager %> run webpack-dev-server -- --mode development --env stats=normal",
+<%_ } else { %>
+    "webapp:build:dev": "<%= clientPackageManager %> run vite-build",
+    "webapp:build:prod": "<%= clientPackageManager %> run vite-build",
+    "webapp:serve": "<%= clientPackageManager %> run vite-serve",
+<%_ } %>
     "webapp:prod": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:prod --",
     "webapp:test": "<%= clientPackageManager %> run test --",
+<%_ if (microfrontend) { %>
     "webpack-dev-server": "webpack serve --config webpack/webpack.common.js",
     "webpack": "webpack --config webpack/webpack.common.js"
+<%_ } else { %>
+    "vite-serve": "vite",
+    "vite-build": "vite build"
+<%_ } %>
   },
   "browserslist": [
     "> 1%",

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

@@ -6,7 +6,7 @@ import sinon from 'sinon';
 
 import { createTestingPinia } from '@pinia/testing';
 import AccountService from './account.service';
-import { AccountStore, useStore } from '@/store';
+import { type AccountStore, useStore } from '@/store';
 
 const resetStore = (store: AccountStore) => {
   store.$reset();

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

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-import { AccountStore } from '@/store';
+import { type AccountStore } from '@/store';
 
 export default class AccountService {
   constructor(private store: AccountStore) {}
@@ -34,7 +34,9 @@ export default class AccountService {
         this.store.setAuthentication(account);
         return true;
       }
-    } catch (error) {}
+    } catch (error) {
+      // Ignore error
+    }
 
     this.store.logout();
     return false;

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

@@ -1,5 +1,5 @@
 import { vitest } from 'vitest';
-import { shallowMount, ComponentMountingOptions } from '@vue/test-utils';
+import { shallowMount, type ComponentMountingOptions } from '@vue/test-utils';
 import axios from 'axios';
 import sinon from 'sinon';
 

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

@@ -1,6 +1,6 @@
-import { defineComponent, inject, onMounted, ref, Ref } from 'vue';
+import { defineComponent, inject, onMounted, ref, type Ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import LoginService from '@/account/login.service';
+import type LoginService from '@/account/login.service';
 import ActivateService from './activate.service';
 import { useRoute } from 'vue-router';
 

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

@@ -1,4 +1,4 @@
-import axios, { AxiosInstance } from 'axios';
+import axios, { type AxiosInstance } from 'axios';
 
 export default class ActivateService {
   private axios: AxiosInstance;

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

@@ -1,4 +1,4 @@
-import { ComputedRef, defineComponent, inject, ref, Ref } from 'vue';
+import { type ComputedRef, defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,8 +1,8 @@
 import { vitest } from 'vitest';
-import { shallowMount, MountingOptions } from '@vue/test-utils';
+import { shallowMount, type MountingOptions } from '@vue/test-utils';
 import axios from 'axios';
 import sinon from 'sinon';
-import { RouteLocation } from 'vue-router';
+import { type RouteLocation } from 'vue-router';
 import { PiniaVuePlugin } from 'pinia';
 import { createTestingPinia } from '@pinia/testing';
 

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

@@ -1,11 +1,11 @@
 import axios from 'axios';
-import { defineComponent, inject, ref, Ref } from 'vue';
+import { defineComponent, inject, ref, type Ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
-import AccountService from '../account.service';
-import LoginService from '@/account/login.service';
+import type AccountService from '../account.service';
+import type LoginService from '@/account/login.service';
 
 export default defineComponent({
   compatConfig: { MODE: 3 },

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

@@ -2,7 +2,7 @@
 import Vue from 'vue';
 <%_ } _%>
 <%_ if (!authenticationTypeJwt) { _%>
-import axios, { AxiosPromise } from 'axios';
+import axios, { type AxiosPromise } from 'axios';
 <%_ } _%>
 
 export default class LoginService {

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

@@ -1,10 +1,10 @@
-import { computed, defineComponent, inject, ref, Ref } from 'vue';
+import { computed, defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
 import { useVuelidate } from '@vuelidate/core'
 import { email, helpers, maxLength, minLength, required, sameAs } from '@vuelidate/validators';
-import LoginService from '@/account/login.service';
+import type LoginService from '@/account/login.service';
 import RegisterService from '@/account/register/register.service';
 import { EMAIL_ALREADY_USED_TYPE, LOGIN_ALREADY_USED_TYPE } from '@/constants';
 

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

@@ -1,11 +1,11 @@
-import { defineComponent, inject, ref, Ref } from 'vue';
+import { defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
 import axios from 'axios';
 import { useVuelidate } from '@vuelidate/core'
 import { maxLength, minLength, required, sameAs } from '@vuelidate/validators';
-import LoginService from '@/account/login.service';
+import type LoginService from '@/account/login.service';
 
 export default defineComponent({
   compatConfig: { MODE: 3 },

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, Ref } from 'vue';
+import { defineComponent, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, Ref, computed } from 'vue';
+import { defineComponent, ref, type Ref, computed } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import { computed, ComputedRef, defineComponent, inject, ref, Ref } from 'vue';
+import { computed, type ComputedRef, defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 import languages from '@/shared/config/languages';

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

@@ -1,4 +1,4 @@
-import { computed, defineComponent, inject, ref, Ref } from 'vue';
+import { computed, defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, Ref, onMounted } from 'vue';
+import { defineComponent, inject, ref, type Ref, onMounted } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, Ref } from 'vue';
+import { defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import axios, { AxiosPromise } from 'axios';
+import axios, { type AxiosPromise } from 'axios';
 
 export default class HealthService {
   public separator: string;

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

@@ -1,4 +1,4 @@
-import { computed, defineComponent, inject, ref, Ref } from 'vue';
+import { computed, defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import axios, { AxiosPromise } from 'axios';
+import axios, { type AxiosPromise } from 'axios';
 
 export default class LogsService {
   public changeLevel(name: string, configuredLevel: string): AxiosPromise<any> {

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, Ref, computed, PropType } from 'vue';
+import { defineComponent, ref, type Ref, computed, type PropType } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, Ref } from 'vue';
+import { defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>

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

@@ -1,4 +1,4 @@
-import axios, { AxiosPromise } from 'axios';
+import axios, { type AxiosPromise } from 'axios';
 
 export default class MetricsService {
 

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

@@ -1,8 +1,8 @@
 import { shallowMount } from '@vue/test-utils';
 import axios from 'axios';
 import * as sinon from 'sinon';
-import { Subject, Subscription } from 'rxjs';
-import { createMemoryHistory, createRouter, Router } from 'vue-router';
+import { Subject, type Subscription } from 'rxjs';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
 
 import <%=jhiPrefixCapitalized%>Tracker from './tracker.vue';
 import TrackerService from './tracker.service';

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

@@ -1,11 +1,11 @@
-import { defineComponent, inject, ref, Ref, onMounted, onUnmounted } from 'vue';
+import { defineComponent, inject, ref, type Ref, onMounted, onUnmounted } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
-import { Subscription } from 'rxjs';
+import { type Subscription } from 'rxjs';
 
 import { useDateFormat } from '@/shared/composables'
-import TrackerService from './tracker.service';
+import type TrackerService from './tracker.service';
 import { useRoute } from 'vue-router';
 
 export default defineComponent({

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

@@ -1,10 +1,11 @@
 import { vitest } from 'vitest';
-import { ref, Ref } from 'vue';
+import { ref, type Ref } from 'vue';
 import { shallowMount } from '@vue/test-utils';
-import { createMemoryHistory, createRouter, Router } from 'vue-router';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
 import { Subject } from 'rxjs';
 
-import TrackerService, { useTrackerService } from './tracker.service';
+import type TrackerService from './tracker.service';
+import { useTrackerService } from './tracker.service';
 
 describe('Tracker Service', () => {
   let trackerService: TrackerService;

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

@@ -1,4 +1,4 @@
-import { ComputedRef, inject, ref, watch } from 'vue';
+import { type ComputedRef, inject, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import * as SockJS from 'sockjs-client';
 import { map } from 'rxjs';

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

@@ -2,10 +2,10 @@
 const tsKeyId = this.generateTestEntityId(user.primaryKey.type);
 _%>
 import { vitest } from 'vitest';
-import { shallowMount, MountingOptions } from '@vue/test-utils';
+import { shallowMount, type MountingOptions } from '@vue/test-utils';
 import axios from 'axios';
 import sinon from 'sinon';
-import { RouteLocation } from 'vue-router';
+import { type RouteLocation } from 'vue-router';
 
 import AlertService from '@/shared/alert/alert.service';
 import UserManagementEdit from './user-management-edit.vue';

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

@@ -1,11 +1,11 @@
-import { defineComponent, inject, ref, Ref } from 'vue';
+import { defineComponent, inject, ref, type Ref } from 'vue';
 <%_ if (enableTranslation) { _%>
 import { useI18n } from 'vue-i18n';
 <%_ } _%>
 import { useVuelidate } from '@vuelidate/core'
 import { email, maxLength, minLength, required } from '@vuelidate/validators';
 import UserManagementService from './user-management.service';
-import { IUser, User } from '@/shared/model/user.model';
+import { type IUser, User } from '@/shared/model/user.model';
 import { useAlertService } from '@/shared/alert/alert.service';
 import { useRoute, useRouter } from 'vue-router';
 <%_ if (enableTranslation) { _%>