<commit_before><template>
  <v-row>
    <v-row justify="space-around">
      <v-col cols="12">
        <v-slider v-model="errorCount" label="Max error count" min="0" max="4"></v-slider>
      </v-col>
      <v-switch v-model="success" class="ma-2" label="Success"></v-switch>
      <v-switch v-model="error" class="ma-2" label="Error"></v-switch>
      <v-switch v-model="hideDetails" class="ma-2" label="Hide details"></v-switch>
      <v-switch v-model="persistentHint" class="ma-2" label="Persistent hint"></v-switch>
      <v-col cols="12">
        <v-row justify="space-around">
          <v-btn color="success" @click="success = true; error = false;">Success</v-btn>
          <v-btn color="error" @click="success = false; error = true;">Error</v-btn>
        </v-row>
      </v-col>
    </v-row>
    <v-input
      :messages="['Messages']"
      :success="success"
      :success-messages="successMsg"
      :error="error"
      :error-messages="errorMsg"
      :hide-details="hideDetails"
      :error-count="errorCount"
      hint="I am hint"
      :persistent-hint="persistentHint"
      append-icon="close"
      prepend-icon="phone"
      @click:append="appendIconCallback"
      @click:prepend="prependIconCallback"
    >
      Default Slot
    </v-input>
  </v-row>
</template>

<script>
  export default {
    data () {
      return {
        text: '',
        success: false,
        error: false,
        hideDetails: false,
        errorCount: 1,
        persistentHint: true,
      }
    },
    computed: {
      successMsg () {
        return this.success ? ['Done'] : []
      },
      errorMsg () {
        return this.error ? ['Error', 'Another one', 'One more', 'All the errors'] : []
      },
    },
    methods: {
      appendIconCallback () {
        alert('click:append')
      },
      prependIconCallback () {
        alert('click:prepend')
      },
    },
  }
</script>

<style>
  #input-usage .v-input__prepend-outer,
  #input-usage .v-input__append-outer,
  #input-usage .v-input__slot,
  #input-usage .v-messages {<commit_msg>docs(VInput): fix hint on playground<commit_after><template>
  <v-row>
    <v-row justify="space-around">
      <v-col cols="12">
        <v-slider v-model="errorCount" label="Max error count" min="0" max="4"></v-slider>
      </v-col>
      <v-switch v-model="messages" class="ma-2" label="Messages"></v-switch>
      <v-switch v-model="success" class="ma-2" label="Success"></v-switch>
      <v-switch v-model="error" class="ma-2" label="Error"></v-switch>
      <v-switch v-model="hideDetails" class="ma-2" label="Hide details"></v-switch>
      <v-switch v-model="persistentHint" class="ma-2" label="Persistent hint"></v-switch>
      <v-col cols="12">
        <v-row justify="space-around">
          <v-btn color="success" @click="success = true; error = false;">Success</v-btn>
          <v-btn color="error" @click="success = false; error = true;">Error</v-btn>
        </v-row>
      </v-col>
    </v-row>
    <v-input
      :messages="messages ? ['Messages'] : false"
      :success="success"
      :success-messages="successMsg"
      :error="error"
      :error-messages="errorMsg"
      :hide-details="hideDetails"
      :error-count="errorCount"
      hint="I am hint"
      :persistent-hint="persistentHint"
      append-icon="close"
      prepend-icon="phone"
      @click:append="appendIconCallback"
      @click:prepend="prependIconCallback"
    >
      Default Slot
    </v-input>
  </v-row>
</template>

<script>
  export default {
    data () {
      return {
        error: false,
        errorCount: 1,
        hideDetails: false,
        messages: false,
        persistentHint: true,
        success: false,
        text: '',
      }
    },
    computed: {
      successMsg () {
        return this.success ? ['Done'] : []
      },
      errorMsg () {
        return this.error ? ['Error', 'Another one', 'One more', 'All the errors'] : []
      },
    },
    methods: {
      appendIconCallback () {
        alert('click:append')
      },
      prependIconCallback () {
        alert('click:prepend')
      },
    },
  }
</script>

<style>
  #input-usage .v-input__prepend-outer,
  #input-usage .v-input__append-outer,
  #input-usage .v-input__slot,
  #input-usage .v-messages {
{'fraction_non_alphanumeric': 0.1798780487804878, 'fraction_numerical': 0.0053939962476547846, 'mean_word_length': 2.417467948717949, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 67, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6027395', 'n_tokens_mistral': 1420, 'n_tokens_neox': 1410, 'n_words': 250}