@opengis/cms 0.0.21 → 0.0.22

package/src/i18n.ts

@@ -0,0 +1,75 @@
+import { createI18n } from 'vue-i18n';
+
+export const Locales = ['en', 'uk', 'fr'] as const; // available langs 
+export type Locale = typeof Locales[number]         // type Locale
+
+export const locale = localStorage.locale || navigator.language.split('-')[0] || 'uk';
+
+export const i18n = createI18n({
+    legacy: false,              // Composition API
+    locale,
+    fallbackLocale: 'en',
+    datetimeFormats: {
+        en: {
+            short: { year: 'numeric', month: 'short', day: 'numeric' },
+            long: { dateStyle: 'full', timeStyle: 'short' },   // needs modern browsers
+            time: { hour: '2-digit', minute: '2-digit' }
+        },
+        uk: {
+            short: { year: 'numeric', month: 'short', day: 'numeric' },
+            long: { dateStyle: 'full', timeStyle: 'short' },
+            time: { hour: '2-digit', minute: '2-digit' }
+        }
+    },
+    numberFormats: {
+        en: {
+            currency: { style: 'currency', currency: 'USD' },
+            percent: { style: 'percent', minimumFractionDigits: 0 },
+            compact: { notation: 'compact' }
+        },
+        uk: {
+            currency: { style: 'currency', currency: 'UAH' },
+            percent: { style: 'percent', minimumFractionDigits: 0 },
+            compact: { notation: 'compact' }
+        }
+    },
+    messages: {}
+})
+
+async function loadMessages(locale: Locale) {
+    try {
+        const msgs = await import(`./locales/${locale}.json`)
+        i18n.global.setLocaleMessage(locale, msgs.default)
+        console.log(`Messages loaded for locale: ${locale}`);
+    } catch (error) {
+        console.error(`Failed to load locale ${locale}:`, error);
+        // Fallback to English if current locale fails
+        if (locale !== 'uk') {
+            try {
+                const msgs = await import(`./locales/uk.json`)
+                i18n.global.setLocaleMessage(locale, msgs.default)
+                console.log(`Fallback to English for locale: ${locale}`);
+            } catch (fallbackError) {
+                console.error('Failed to load fallback locale en:', fallbackError);
+            }
+        }
+    }
+}
+
+export async function setLocale(locale: Locale) {
+    // Завжди завантажуємо повідомлення для нової мови
+    await loadMessages(locale);
+    i18n.global.locale.value = locale
+    localStorage.setItem('locale', locale);
+    document.documentElement.lang = locale;
+    window.dispatchEvent(new CustomEvent('storage', { detail: { key: 'locale', oldValue: null, newValue: locale } }));
+}
+
+// pre-load current locale on app bootstrap
+export async function initI18n() {
+    const currentLocale = i18n.global.locale.value as Locale;
+    await loadMessages(currentLocale);
+    i18n.global.locale.value = currentLocale;
+    localStorage.setItem('locale', currentLocale);
+    document.documentElement.lang = currentLocale;
+}

package/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;