en locale

Author: larbish

src/app/src/components/form/FormPanelSection.vue

@@ -31,7 +31,7 @@ const childrenCount = computed(() => {
         variant="subtle"
         size="xs"
       >
-        {{ childrenCount }} propert{{ childrenCount === 1 ? 'y' : 'ies' }}
+        {{ $t('studio.form.section.propertyCount', childrenCount) }}
       </UBadge>
     </template>
 

src/app/src/components/form/input/FormInputArray.vue

@@ -88,7 +88,7 @@ function updateObjectItem(index: number, value: Record<string, unknown>) {
             size="2xs"
             icon="i-lucide-trash"
             class="opacity-0 group-hover/item:opacity-100 transition-opacity"
-            aria-label="Delete item"
+            :aria-label="$t('studio.form.deleteItem')"
             @click.stop="deleteItem(item.index)"
           />
         </template>
@@ -136,15 +136,15 @@ function updateObjectItem(index: number, value: Record<string, unknown>) {
               size="2xs"
               :icon="activeIndex === item.index ? 'i-lucide-check' : 'i-lucide-pencil'"
               :class="{ 'font-medium': activeIndex === item.index }"
-              aria-label="Edit item"
+              :aria-label="$t('studio.form.editItem')"
               @click.stop="activeIndex === item.index ? saveStringEditing : startStringEditing(item.index, item.value)"
             />
             <UButton
               variant="ghost"
               color="neutral"
               size="2xs"
               :icon="activeIndex === item.index ? 'i-lucide-x' : 'i-lucide-trash'"
-              aria-label="Delete item"
+              :aria-label="$t('studio.form.deleteItem')"
               @click.stop="deleteItem(item.index)"
             />
           </div>
@@ -158,7 +158,7 @@ function updateObjectItem(index: number, value: Record<string, unknown>) {
       class="flex items-center justify-center py-2 rounded-lg border border-dashed border-muted"
     >
       <p class="text-xs text-muted">
-        Array type {{ itemsType || '' }} not supported
+        {{ $t('studio.form.array.unsupportedType', { type: itemsType || '' }) }}
       </p>
     </div>
 
@@ -175,7 +175,7 @@ function updateObjectItem(index: number, value: Record<string, unknown>) {
         icon="i-lucide-plus"
         @click="addItem"
       >
-        Add {{ itemsLabel.toLowerCase() }}
+        {{ $t('studio.form.array.addItem', { label: itemsLabel.toLowerCase() }) }}
       </UButton>
     </div>
   </div>

src/app/src/components/form/input/FormInputObject.vue

@@ -64,7 +64,7 @@ function updateValue(key: string, value: string | number) {
         class="size-5 text-muted mb-2"
       />
       <p class="text-xs text-muted">
-        No properties defined
+        {{ $t('studio.form.object.noProperties') }}
       </p>
     </div>
   </div>

src/app/src/locales/en.json

@@ -266,6 +266,21 @@
       "description": "Choose an image from your media library",
       "noImagesAvailable": "No images available in your media library",
       "upload": "Upload"
+    },
+    "form": {
+      "array": {
+        "addItem": "Add {label}",
+        "deleteItem": "Delete item",
+        "editItem": "Edit item",
+        "unsupportedType": "Array type {type} not supported"
+      },
+      "object": {
+        "noProperties": "No properties defined",
+        "enterPlaceholder": "Enter {field}..."
+      },
+      "section": {
+        "propertyCount": "1 property | {count} properties"
+      }
     }
   }
 }