docs: add documentation about i18n meta field

Author: zAlweNy26

docs/app/components/examples/Fields.vue

@@ -11,11 +11,18 @@ const schema = z.object({
       hint: 'Hint',
       help: 'Help',
     }),
-  input: z.number().meta({ input: {
-    props: {
-      placeholder: '69420',
+  input: z.number().meta({
+    title: 'input.title',
+    description: 'input.description',
+    hint: 'input.hint',
+    help: 'input.help',
+    i18n: true,
+    input: {
+      props: {
+        placeholder: '69420',
+      },
     },
-  } }),
+  }),
   style: z.boolean()
     .meta({ theme: { floatRight: true } }),
 })

docs/content/2.customization/2.fields.md

@@ -40,6 +40,10 @@ They map directly to properties inside `UFormField` Nuxt UI component.
   ::field{name="help" type="string"}
     Help text displayed below the input field.
   ::
+
+  ::field{name="i18n" type="boolean"}
+    Intend to use `$t` function of `vue-i18n` to translate `title`, `description`, `hint`, and `help` texts.
+  ::
 ::
 
 ## Input customization

docs/i18n/locales/en-GB.json

@@ -0,0 +1,8 @@
+{
+  "input": {
+    "title": "Input Field",
+    "description": "A customizable input field component.",
+    "hint": "Please enter your data.",
+    "help": "This field accepts alphanumeric characters."
+  }
+}

docs/nuxt.config.ts

@@ -1,6 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   modules: [
+    '@nuxtjs/i18n',
     '@norbiros/nuxt-auto-form',
     '@nuxt/eslint',
     '@nuxt/image',
@@ -85,4 +86,17 @@ export default defineNuxtConfig({
       },
     ],
   },
+
+  i18n: {
+    defaultDirection: 'ltr',
+    defaultLocale: 'en',
+    locales: [
+      {
+        code: 'en',
+        language: 'en-GB',
+        name: 'English',
+        file: 'en-GB.json',
+      },
+    ],
+  },
 })

docs/package.json

@@ -18,6 +18,7 @@
     "@nuxt/content": "^3.6.3",
     "@nuxt/image": "^1.10.0",
     "@nuxt/ui-pro": "^3.2.0",
+    "@nuxtjs/i18n": "^10.1.1",
     "better-sqlite3": "^12.2.0",
     "nuxt": "^4.0.0",
     "nuxt-llms": "0.1.3",