FieldError.vue 453 B

123456789101112131415161718
  1. <script setup>
  2. const props = defineProps({
  3. form: {
  4. type: Object,
  5. required: true
  6. },
  7. field: {
  8. type: String,
  9. required: true
  10. }
  11. })
  12. </script>
  13. <template>
  14. <div role="alert">
  15. <p :id="'valError' + field[0].toUpperCase() + field.toLowerCase().slice(1)" class="help is-danger" v-if="form.errors.has(field)" v-html="form.errors.get(field)" />
  16. </div>
  17. </template>