Vuetify 1.5 - Textfield Dense

VTextFieldWithDense.ts

import VTextField from 'vuetify/lib/components/VTextField/VTextField';

export default VTextField.extend({
  name: 'v-text-field-with-dense',
  props: {
    dense: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    classes(): any {
      return {
        'v-text-field': true,
        'v-text-field--full-width': this.fullWidth,
        'v-text-field--prefix': this.prefix,
        'v-text-field--single-line': this.isSingle,
        'v-text-field--solo': this.isSolo,
        'v-text-field--solo-inverted': this.soloInverted,
        'v-text-field--solo-flat': this.flat,
        'v-text-field--box': this.box,
        'v-text-field--enclosed': this.isEnclosed,
        'v-text-field--reverse': this.reverse,
        'v-text-field--outline': this.hasOutline,
        'v-text-field--placeholder': this.placeholder,
        'v-text-field--dense': this.dense
      };
    }
  }
});