useUiTranslations

import { it, loadEn } from '@pzeta/vue-form'
import type { TranslationDictionary, UiMessages, ValidationMessages } from '@pzeta/vue-form'

import { it } from '@pzeta/vue-form'

// Accesso diretto al dizionario italiano
console.log(it.ui.common.save)        // "Salva"
console.log(it.ui.common.noOptions)   // "Nessuna opzione disponibile"
console.log(it.ui.errors.loadingData) // "Errore caricamento dati"

// main.ts
import { createApp } from 'vue'
import { createI18n } from '@pzeta/vue-i18n'
import { it, loadEn } from '@pzeta/vue-form'

const i18n = createI18n({
  locale: 'it',
  messages: { it },
})

const app = createApp(App)
app.use(i18n)

<script setup lang="ts">
import { useI18n } from '@pzeta/vue-i18n'

const { t } = useI18n()
</script>

<template>
  <button>{{ t('ui.common.save') }}</button>
  <span>{{ t('ui.common.noOptions') }}</span>
</template>

import { loadEn } from '@pzeta/vue-form'

// Al cambio lingua
const switchToEnglish = async () => {
  const enModule = await loadEn()
  i18n.setLocaleMessages('en', enModule.default)
  i18n.locale.value = 'en'
}

<script setup lang="ts">
import { useI18n } from '@pzeta/vue-i18n'

const { t } = useI18n()

defineProps<{
  loading: boolean
  options: Array<{ id: number; label: string }>
}>()
</script>

<template>
  <div>
    <span v-if="loading">{{ t('ui.common.loading') }}</span>
    <ul v-else-if="options.length === 0">
      <li>{{ t('ui.common.noOptions') }}</li>
    </ul>
    <ul v-else>
      <li v-for="opt in options" :key="opt.id">{{ opt.label }}</li>
    </ul>
  </div>
</template>

import type { TranslationDictionary } from '@pzeta/vue-form'

interface AppTranslations extends TranslationDictionary {
  app: {
    welcome: string
    logout: string
  }
}

const myIt: AppTranslations = {
  ...it,
  app: {
    welcome: 'Benvenuto',
    logout: 'Esci',
  },
}