<template>
  <q-input
    v-bind="$attrs"
    v-on="$listeners"
    :label="label"
    bottom-slots
    hide-bottom-space
    :error="hasErrors"
    :error-message="firstErrorMessage"
  >
    <template v-slot:append>
      <slot/>
    </template>
  </q-input>
</template>
<script>
import { singleErrorExtractorMixin } from "vuelidate-error-extractor";
export default {
  name: "FormFieldValidated",
  extends: singleErrorExtractorMixin,
  inheritAttrs: false
};
</script>
