Vue/ESLint: add @typescript-eslint/consistent-type-imports rule

src/main/java/tech/jhipster/lite/generator/client/vue/core/domain/VueModulesFactory.java

@@ -149,6 +149,7 @@ private Consumer<JHipsterModuleBuilder> patchEslintConfig(JHipsterModuleProperti
           .add(eslintTypescriptVueRule("'vue/html-self-closing': 'off',", properties.indentation()))
           .add(eslintTypescriptVueRule("'@typescript-eslint/no-explicit-any': 'off',", properties.indentation()))
           .add(eslintTypescriptVueRule("'@typescript-eslint/no-empty-object-type': 'off',", properties.indentation()))
+          .add(eslintTypescriptVueRule("'@typescript-eslint/consistent-type-imports': 'error',", properties.indentation()))
           .and()
         .and();
     //@formatter:on

src/main/resources/generator/client/common/cypress/utils/Interceptor.ts

@@ -1,4 +1,4 @@
-import { HttpResponseInterceptor, RouteMatcher, StaticResponse } from 'cypress/types/net-stubbing';
+import type { HttpResponseInterceptor, RouteMatcher, StaticResponse } from 'cypress/types/net-stubbing';
 
 type ResponseSender = {
   send: () => void;

src/main/resources/generator/client/common/playwright/common/primary/app/Home-Page.ts

@@ -1,4 +1,4 @@
-import { Page } from '@playwright/test';
+import { type Page } from '@playwright/test';
 
 export class HomePage {
   readonly page: Page;

src/main/resources/generator/client/vue/documentation/vue-oauth2-keycloak-authentication-components.md

@@ -423,7 +423,7 @@ Location: `src/test/webapp/unit/auth/infrastructure/secondary/KeycloakStub.ts`
 This file provides a stub for Keycloak to be used in tests.
 
 ```typescript
-import Keycloak from 'keycloak-js';
+import type Keycloak from 'keycloak-js';
 import sinon from 'sinon';
 import type { SinonStub } from 'sinon';
 

src/main/resources/generator/client/vue/i18n/src/test/HomePageVue.spec.ts

@@ -1,5 +1,5 @@
 import HomepageVue from '@/home/infrastructure/primary/HomepageVue.vue';
-import { shallowMount, VueWrapper } from '@vue/test-utils';
+import { shallowMount, type VueWrapper } from '@vue/test-utils';
 import { describe, expect, it } from 'vitest';
 
 let wrapper: VueWrapper;

src/main/resources/generator/client/vue/security/oauth2_keycloak/webapp/app/auth/application/AuthProvider.ts.mustache

@@ -1,6 +1,6 @@
 import type { AuthRepository } from '@/auth/domain/AuthRepository';
 import { KeycloakAuthRepository } from '@/auth/infrastructure/secondary/KeycloakAuthRepository';
-import { KeycloakHttp } from '@/auth/infrastructure/secondary/KeycloakHttp';
+import { type KeycloakHttp } from '@/auth/infrastructure/secondary/KeycloakHttp';
 import { provide } from '@/injections';
 import { key } from 'piqure';
 

src/main/resources/generator/client/vue/security/oauth2_keycloak/webapp/app/auth/infrastructure/secondary/KeycloakAuthRepository.ts.mustache

@@ -1,6 +1,6 @@
 import type { AuthRepository } from '@/auth/domain/AuthRepository';
 import type { AuthenticatedUser } from '@/auth/domain/AuthenticatedUser';
-import { KeycloakHttp } from './KeycloakHttp';
+import { type KeycloakHttp } from './KeycloakHttp';
 
 export class KeycloakAuthRepository implements AuthRepository {
   constructor(private readonly keycloakHttp: KeycloakHttp) {}

src/main/resources/generator/client/vue/security/oauth2_keycloak/webapp/app/auth/infrastructure/secondary/KeycloakHttp.ts.mustache

@@ -1,5 +1,5 @@
 import type { AuthenticatedUser } from '@/auth/domain/AuthenticatedUser';
-import Keycloak from 'keycloak-js';
+import type Keycloak from 'keycloak-js';
 
 export class KeycloakHttp {
   private initialized: boolean = false;

src/main/resources/generator/client/vue/security/oauth2_keycloak/webapp/app/test/webapp/unit/auth/infrastructure/secondary/KeycloakStub.ts.mustache

@@ -1,4 +1,4 @@
-import Keycloak from 'keycloak-js';
+import type Keycloak from 'keycloak-js';
 import type { SinonStub } from 'sinon';
 import sinon from 'sinon';
 

src/main/resources/generator/client/vue/webapp/app/env.d.ts.mustache

@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import { DefineComponent } from 'vue';
+  import type DefineComponent from 'vue';
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }

src/main/resources/generator/client/vue/webapp/app/test/webapp/unit/router/infrastructure/primary/HomeRouter.spec.ts.mustache

@@ -1,6 +1,6 @@
 import HomepageVue from '@/home/infrastructure/primary/HomepageVue.vue';
 import { routes } from '@/router';
-import { mount, VueWrapper } from '@vue/test-utils';
+import { mount, type VueWrapper } from '@vue/test-utils';
 import { beforeEach, describe, expect, it } from 'vitest';
 import { createRouter, createWebHistory, type Router } from 'vue-router';
 

src/test/java/tech/jhipster/lite/generator/client/vue/security/oauth2_keycloak/domain/VueOAuth2KeycloakModulesFactoryTest.java

@@ -37,8 +37,8 @@ void shouldBuildVueOAuth2KeycloakModule() {
       .hasFile("src/main/webapp/app/main.ts")
         .containing("""
           import { provideForAuth } from '@/auth/application/AuthProvider';
-          import { KeycloakHttp } from '@/auth/infrastructure/secondary/KeycloakHttp';
-          import Keycloak from 'keycloak-js';
+          import { type KeycloakHttp } from '@/auth/infrastructure/secondary/KeycloakHttp';
+          import type Keycloak from 'keycloak-js';
           // jhipster-needle-main-ts-import\
           """
         )

src/test/resources/projects/vue/HomepageVue.spec.ts.template

@@ -1,5 +1,5 @@
 import HomepageVue from '@/home/infrastructure/primary/HomepageVue.vue';
-import { shallowMount, VueWrapper } from '@vue/test-utils';
+import { shallowMount, type VueWrapper } from '@vue/test-utils';
 import { describe, expect, it } from 'vitest';
 
 let wrapper: VueWrapper;

src/test/resources/tech/jhipster/lite/generator/client/vue/core/domain/VueModulesFactoryTest.shouldCreateVueModule.eslint.config.js.approved.txt

@@ -31,6 +31,7 @@ export default typescript.config(
     },
     rules: {
       quotes: ['error', 'single', { avoidEscape: true }],
+      '@typescript-eslint/consistent-type-imports': 'error',
       '@typescript-eslint/no-empty-object-type': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       'vue/html-self-closing': 'off',

src/test/webapp/unit/root/infrastructure/primary/App.spec.ts

@@ -1,5 +1,5 @@
 import { AppVue } from '@/root/infrastructure/primary';
-import { shallowMount, VueWrapper } from '@vue/test-utils';
+import { shallowMount, type VueWrapper } from '@vue/test-utils';
 import { describe, expect, it } from 'vitest';
 
 let wrapper: VueWrapper;