I need help customizing the 'add more' button for group repeatable fields in Vue Formulate. I have created a custom slot component that is functioning correctly, but I am struggling to determine the click event needed to add another field when the button is clicked. The same issue applies to adding a custom remove button component. Unfortunately, I could not find any information in the documentation on how to set this up. My current code looks like this:
<template>
<a :for="context.id" @click="context.addMore()">
{{ context.addLabel }}
</a>
</template>
<script>
export default {
props: {
context: {
type: Object,
required: true
},
}
}
</script>
The context.addMore() function does not seem to be working.