feat: use locale from vuetify as default

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test": "vitest",

lib/src/composables/use-vjsf.js

@@ -1,4 +1,4 @@
-import { useDefaults } from 'vuetify'
+import { useDefaults, useLocale } from 'vuetify'
 import { StatefulLayout, produceCompileOptions } from '@json-layout/core'
 import { inject, toRaw, shallowRef, computed, ref, watch, useSlots, getCurrentInstance } from 'vue'
 import { useElementSize } from '@vueuse/core'
@@ -104,7 +104,9 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
     }
   }
 
-  const fullOptions = computed(() => getFullOptions(options.value, form, width.value, defaults?.global, slots, { ...nodeComponents }, onDataUpdate, onStatefulLayoutUpdate, onAutofocus))
+  const locale = useLocale()
+
+  const fullOptions = computed(() => getFullOptions(options.value, form, width.value, locale.current.value, defaults?.global, slots, { ...nodeComponents }, onDataUpdate, onStatefulLayoutUpdate, onAutofocus))
 
   // do not use a simple computed here as we want to prevent recompiling the layout when the options are the same
   /** @type {import('vue').Ref<import('@json-layout/core').PartialCompileOptions>} */

lib/src/options.js

@@ -28,6 +28,7 @@ export const defaultOptions = {
  * @param {Partial<import("./types.js").VjsfOptions> | null} options
  * @param {any} form
  * @param {number} width
+ * @param {string} locale
  * @param {Record<string, unknown> | undefined} globalDefaults
  * @param {import("vue").Slots} slots
  * @param {Record<string, import('vue').Component>} defaultNodeComponents
@@ -36,7 +37,7 @@ export const defaultOptions = {
  * @param {(key: string) => void} onAutofocus
  * @returns
  */
-export const getFullOptions = (options, form, width, globalDefaults, slots, defaultNodeComponents, onData, onUpdate, onAutofocus) => {
+export const getFullOptions = (options, form, width, locale, globalDefaults, slots, defaultNodeComponents, onData, onUpdate, onAutofocus) => {
   const components = { ...options?.components }
   const nodeComponents = { ...defaultNodeComponents, ...options?.nodeComponents }
   if (options?.plugins) {
@@ -52,6 +53,7 @@ export const getFullOptions = (options, form, width, globalDefaults, slots, defa
     ...defaultOptions,
     readOnly: !!(form && (form.isDisabled.value || form.isReadonly.value)),
     density: /** @type {import("./types.js").VjsfOptions['density']} */(globalDefaults?.density),
+    locale,
     ...options,
     onData,
     onUpdate,