Add add-label option to repeater

app/src/interfaces/repeater/options.vue

@@ -5,6 +5,7 @@
 				<p class="type-label">{{ $t('template') }}</p>
 				<v-input class="input" v-model="template" :placeholder="`{{ field }}`" />
 			</div>
+
 			<div class="grid-element full">
 				<p class="type-label">{{ $t('interfaces.repeater.edit_fields') }}</p>
 				<repeater
@@ -13,6 +14,11 @@
 					:fields="repeaterFields"
 				/>
 			</div>
+
+			<div class="grid-element full">
+				<p class="type-label">{{ $t('interfaces.repeater.add_label') }}</p>
+				<v-input class="input" v-model="addLabel" :placeholder="$t('add_a_new_item')" />
+			</div>
 		</div>
 	</div>
 </template>
@@ -136,7 +142,19 @@ export default defineComponent({
 			},
 		});
 
-		return { repeaterValue, repeaterFields, template };
+		const addLabel = computed({
+			get() {
+				return props.value?.addLabel;
+			},
+			set(newAddLabel: string) {
+				emit('input', {
+					...(props.value || {}),
+					addLabel: newAddLabel,
+				});
+			},
+		});
+
+		return { repeaterValue, repeaterFields, addLabel };
 	},
 });
 </script>

app/src/interfaces/repeater/repeater.vue

@@ -14,7 +14,7 @@
 		</draggable>
 		<button @click="addNew" class="add-new" v-if="showAddNew">
 			<v-icon name="add" />
-			{{ createItemText }}
+			{{ addLabel }}
 		</button>
 	</v-item-group>
 </template>
@@ -42,7 +42,7 @@ export default defineComponent({
 			type: String,
 			required: true,
 		},
-		createItemText: {
+		addLabel: {
 			type: String,
 			default: i18n.t('add_a_new_item'),
 		},

app/src/lang/en-US/interfaces.json

@@ -131,7 +131,8 @@
 			"description": "Have multiple entires of the same structure.",
 			"max_amount": "Maximum Amount",
 			"max_amount_placeholder": "Maximum amount of items...",
-			"edit_fields": "Edit Fields"
+			"edit_fields": "Edit Fields",
+			"add_label": "\"Add New Row\" Label"
 		},
 		"slider": {
 			"slider": "Slider",