Chart, Icon e i18n

import { useChartDefaults } from '@pzeta/vue-widget'

const {
  getChartOptions,
  getMinimalScales,
  tooltipStyle,
  gridStyle,
  fontStyle,
  legendStyle,
  colorPalette,
  getColor,
} = useChartDefaults()

// Opzioni per tipo
const lineOptions = getChartOptions('line')
const barOptions = getChartOptions('bar', {
  showLegend: true,
  legendPosition: 'top',
  showGridX: false,
})

// Palette colori per dataset multipli
const datasets = data.map((item, i) => ({
  ...item,
  backgroundColor: getColor(i).bg,
  borderColor: getColor(i).border,
}))

import { useIcon } from '@pzeta/vue-widget'

const { icons, getIcon, setIcons, switchIconSet, resolveIconClass, getCurrentPreset } = useIcon()

// Accesso reattivo alla configurazione completa
const editIcon = icons.value.actions.edit

// Helper tipizzato per singola icona
const editClass = getIcon('actions', 'edit')      // 'pi pi-pencil'

// Cambia preset a runtime
switchIconSet('lucide')

// Override parziale
setIcons({ actions: { edit: 'fa-solid fa-pen' } })

// Risoluzione dinamica nome -> classe
resolveIconClass('users')        // 'pi pi-users' (con preset primeicons)
resolveIconClass('icon-users')   // 'icon-users' (gia completa)

// Preset attivo
getCurrentPreset()                // 'primeicons' | 'lucide' | 'fontawesome'

import { useI18n } from '@pzeta/vue-widget'

const { t, locale, setLocale } = useI18n()

t('widgets.myTasks.title')                          // 'Le Mie Attivita'
t('widgets.myTasks.remaining', { count: 3, total: 10 })
// '3 di 10 rimanenti'

await setLocale('en')
console.log(locale.value)                            // 'en'