perf(v1-components): test for detecting vue-i18n

Author: Gurgen

packages/v1-components/package.json

@@ -90,6 +90,7 @@
     "vite-plugin-dts": "^4.3.0",
     "vite-svg-loader": "^5.1.0",
     "vue": "^3.5.12",
+    "vue-i18n": "10",
     "vue3-perfect-scrollbar": "^1.6.0"
   }
 }

packages/v1-components/src/host/__util__/formatDate.ts

@@ -7,8 +7,9 @@ import {
   formatDateTime,
   formatTime,
 } from '../../../src/common/formatters/date'
+import { createI18n } from 'vue-i18n'
 
-import { getCurrentInstance } from 'vue'
+import { ComponentInternalInstance, getCurrentInstance } from 'vue'
 
 vi.mock('vue', () => ({
   getCurrentInstance: vi.fn(),
@@ -26,6 +27,27 @@ describe('common/formatters/date', () => {
     vi.mocked(getCurrentInstance).mockReturnValue(null)
   })
 
+  test('formatDateTime with vue-i18n instance and locale detection', () => {
+    const i18n = createI18n({
+      locale: 'en-GB',
+      fallbackLocale: 'ru-RU',
+      messages: {},
+    })
+
+    const mockInstance = {
+      proxy: {
+        $i18n: i18n.global,
+      },
+    }
+
+    vi.mocked(getCurrentInstance).mockReturnValue(mockInstance as ComponentInternalInstance)
+
+
+    // Verify vue-i18n is detected
+    expect(mockInstance.proxy.$i18n.locale).toBe('en-GB')
+    expect(mockInstance.proxy.$i18n.fallbackLocale).toBe('ru-RU')
+  })
+
   test('formatDateLat formats with en-GB style', () => {
     expect(formatDateLat(new Date('2024-01-01T12:30:00'))).toBe('01/01/2024')
   })

packages/v1-components/tests/common/formatters/date.test.ts

@@ -936,6 +936,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@intlify/core-base@npm:10.0.5":
+  version: 10.0.5
+  resolution: "@intlify/core-base@npm:10.0.5"
+  dependencies:
+    "@intlify/message-compiler": "npm:10.0.5"
+    "@intlify/shared": "npm:10.0.5"
+  checksum: 10/d0680074ca5abc26c348976047001fda76045917fabcbe041fa662c2ca66dc6d22570ebf5e198f718e8b98c3d662e29d824f891183f51ff6b888c7c68db5e4fd
+  languageName: node
+  linkType: hard
+
+"@intlify/message-compiler@npm:10.0.5":
+  version: 10.0.5
+  resolution: "@intlify/message-compiler@npm:10.0.5"
+  dependencies:
+    "@intlify/shared": "npm:10.0.5"
+    source-map-js: "npm:^1.0.2"
+  checksum: 10/3e386b042ac6dd98533b6ea2b4af610999236a1eb7ff4d77762cd06cae1858a53735b0b7e60828c569c715a9f0ae588aaaf8496f9a4b287a44e7f0fd470857ff
+  languageName: node
+  linkType: hard
+
+"@intlify/shared@npm:10.0.5":
+  version: 10.0.5
+  resolution: "@intlify/shared@npm:10.0.5"
+  checksum: 10/64552b8770ad236c11893837e95e4e2ea7c947396cfcee797bf8e26afea6d06f707178f4aa36b0b416d89800ba9cd058e6742bf2ebdd7c7ff7f9fc1ec9bc7b48
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -1155,6 +1182,7 @@ __metadata:
     vite-svg-loader: "npm:^5.1.0"
     vitest: "npm:^3.0.2"
     vue: "npm:^3.5.12"
+    vue-i18n: "npm:10"
     vue3-perfect-scrollbar: "npm:^1.6.0"
   peerDependencies:
     vue: ^3.5
@@ -2701,7 +2729,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/devtools-api@npm:^6.6.3":
+"@vue/devtools-api@npm:^6.5.0, @vue/devtools-api@npm:^6.6.3":
   version: 6.6.4
   resolution: "@vue/devtools-api@npm:6.6.4"
   checksum: 10/0fca4912b6ae0185b9375f5d113d417984077db0681c74cf39eb8522eb82c27f662a72e1ae3e0d79e105fdd0a99a7cbd65ed111465d238f60cce10922e02a812
@@ -8841,7 +8869,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.0, source-map-js@npm:^1.2.1":
+"source-map-js@npm:^1.0.1, source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.0, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
   checksum: 10/ff9d8c8bf096d534a5b7707e0382ef827b4dd360a577d3f34d2b9f48e12c9d230b5747974ee7c607f0df65113732711bb701fe9ece3c7edbd43cb2294d707df3
@@ -10327,6 +10355,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-i18n@npm:10":
+  version: 10.0.5
+  resolution: "vue-i18n@npm:10.0.5"
+  dependencies:
+    "@intlify/core-base": "npm:10.0.5"
+    "@intlify/shared": "npm:10.0.5"
+    "@vue/devtools-api": "npm:^6.5.0"
+  peerDependencies:
+    vue: ^3.0.0
+  checksum: 10/557c00fbce207a1eaa836894d4a5140be7c9df546168dac1e14dec7b04f2ecc351161ac11e9cc31eb34da408f863f7371477ab3947ae89f9480ad531c24db1f2
+  languageName: node
+  linkType: hard
+
 "vue-inbrowser-compiler-independent-utils@npm:^4.69.0":
   version: 4.71.1
   resolution: "vue-inbrowser-compiler-independent-utils@npm:4.71.1"