Maintenance: Update Vite packages to v3 (major)

app/frontend/apps/mobile/form/index.ts

@@ -11,12 +11,14 @@ import type {
 import type { ImportGlobEagerOutput } from '@shared/types/utils'
 import getCoreClasses from './theme/global/getCoreClasses'
 
-const pluginModules: ImportGlobEagerOutput<FormKitPlugin> =
-  import.meta.globEager('./plugins/global/*.ts')
+const pluginModules: ImportGlobEagerOutput<FormKitPlugin> = import.meta.glob(
+  './plugins/global/*.ts',
+  { eager: true },
+)
 const fieldModules: ImportGlobEagerOutput<FormFieldTypeImportModules> =
-  import.meta.globEager('../components/Form/fields/**/index.ts')
+  import.meta.glob('../components/Form/fields/**/index.ts', { eager: true })
 const themeExtensionModules: ImportGlobEagerOutput<FormThemeExtension> =
-  import.meta.globEager('./theme/global/extensions/*.ts')
+  import.meta.glob('./theme/global/extensions/*.ts', { eager: true })
 
 const initializeForm: InitializeAppForm = (app: App) => {
   const plugins = getFormPlugins(pluginModules)

app/frontend/apps/mobile/modules/home/__tests__/opening-home.spec.ts

@@ -5,7 +5,6 @@ import { visitView } from '@tests/support/components/visitView'
 import { mockAccount } from '@tests/support/mock-account'
 import createMockClient from '@tests/support/mock-apollo-client'
 import { mockPermissions } from '@tests/support/mock-permissions'
-import { flushPromises } from '@vue/test-utils'
 import { getApiTicketOverviews } from '@tests/support/mocks/ticket-overviews'
 import { getTicketOverviewStorage } from '../helpers/ticketOverviewStorage'
 

app/frontend/apps/mobile/modules/login/__tests__/login-maintenance.spec.ts

@@ -13,7 +13,6 @@ import { LogoutDocument } from '@shared/graphql/mutations/logout.api'
 import { ApplicationConfigDocument } from '@shared/graphql/queries/applicationConfig.api'
 import { waitFor } from '@testing-library/vue'
 import useAuthenticationStore from '@shared/stores/authentication'
-import { waitForNextTick } from '@tests/support/utils'
 import { mockPermissions } from '@tests/support/mock-permissions'
 
 vi.mock('@shared/server/apollo/client', () => {

app/frontend/apps/mobile/modules/search/plugins/index.ts

@@ -12,7 +12,7 @@ export interface SearchPlugin<T = unknown> {
   itemTitle?(entity: T): string // by default "title" field
 }
 
-const pluginsModules = import.meta.importGlob<SearchPlugin>(
+const pluginsModules = import.meta.glob<SearchPlugin>(
   ['./**/*.ts', '!./**/index.ts', '!./__tests__/**/*.ts'],
   {
     eager: true,

app/frontend/apps/mobile/router/index.ts

@@ -7,8 +7,9 @@ import type { InitializeAppRouter, RoutesModule } from '@shared/types/router'
 import LayoutMain from '@mobile/components/layout/LayoutMain.vue'
 import transitionViewGuard from './guards/before/viewTransition'
 
-const routeModules: Record<string, RoutesModule> = import.meta.globEager(
+const routeModules: Record<string, RoutesModule> = import.meta.glob(
   '../modules/*/routes.ts',
+  { eager: true },
 )
 
 const mainRoutes: Array<RouteRecordRaw> = []

app/frontend/apps/mobile/server/apollo/index.ts

@@ -7,8 +7,9 @@ import type {
   CacheInitializerModules,
 } from '@shared/types/server/apollo/client'
 
-const cacheInitializerModules: CacheInitializerModules = import.meta.globEager(
+const cacheInitializerModules: CacheInitializerModules = import.meta.glob(
   './cache/initializer/*.ts',
+  { eager: true },
 )
 
 const initializeApolloClient: InitializeAppApolloClient = (app: App) => {

app/frontend/shared/form/core/createFieldPlugin.ts

@@ -16,7 +16,7 @@ import type {
 } from '@shared/types/utils'
 
 const fieldModules: ImportGlobEagerOutput<FormFieldTypeImportModules> =
-  import.meta.globEager('../../components/Form/fields/**/index.ts')
+  import.meta.glob('../../components/Form/fields/**/index.ts', { eager: true })
 
 // The main field type "form" from FormKit is a fixed type.
 const fields: FormFieldsTypeDefinition = {

app/frontend/shared/form/core/createTailwindClasses.ts

@@ -14,7 +14,7 @@ import type {
 import commonClasses from '../theme/global'
 
 const extensionsModules: ImportGlobEagerOutput<FormThemeExtension> =
-  import.meta.globEager('../theme/global/extensions/*.ts')
+  import.meta.glob('../theme/global/extensions/*.ts', { eager: true })
 
 const getExtensionsFromModules = (
   extensionsModules: ImportGlobEagerOutput<FormThemeExtension>,

app/frontend/shared/form/core/createValidationPlugin.ts

@@ -16,7 +16,7 @@ import type {
 } from '@shared/types/utils'
 
 const ruleModules: ImportGlobEagerOutput<FormValidationRuleType> =
-  import.meta.globEager('../validation/rules/*.ts')
+  import.meta.glob('../validation/rules/*.ts', { eager: true })
 
 const createValidationPlugin = (): FormKitPlugin => {
   const rules: FormValidationRules = {}

app/frontend/shared/form/index.ts

@@ -32,8 +32,10 @@ export const getFormPlugins = (
   return plugins
 }
 
-const pluginModules: ImportGlobEagerOutput<FormKitPlugin> =
-  import.meta.globEager('./plugins/global/*.ts')
+const pluginModules: ImportGlobEagerOutput<FormKitPlugin> = import.meta.glob(
+  './plugins/global/*.ts',
+  { eager: true },
+)
 const plugins = getFormPlugins(pluginModules)
 
 export const buildFormKitPluginConfig = (