<commit_before><template>
  <div class="filters">
    <h4 class="text-left">Filters</h4>

    <ul class="text-left">
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="archival" v-on:click="updateInks" v-model="$store.state.filters">
          Archival
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="exclusive" v-on:click="updateInks" v-model="$store.state.filters">
          Exclusive
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="freezeResistant" v-on:click="updateInks" v-model="$store.state.filters">
          Freeze Resistant
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="fluorescent" v-on:click="updateInks" v-model="$store.state.filters">
          Fluorescent
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="lubricated" v-on:click="updateInks" v-model="$store.state.filters">
          Lubricated
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="temperProof" v-on:click="updateInks" v-model="$store.state.filters">
          Tamper Proof
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="uvResistant" v-on:click="updateInks" v-model="$store.state.filters">
          UV/Bleach Resistant
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="waterproof" v-on:click="updateInks" v-model="$store.state.filters">
          Waterproof
        </label>
      </li>
    </ul>

    <label class="form-check-label">
      <select class="colors" v-model="selectColor">
        <option value="">-- Select Color --</option>
        <option v-for="(color, index) in availableColors" :key="index" :value="color">{{ color }}</option>
      </select>
    </label><commit_msg>fix typo<commit_after><template>
  <div class="filters">
    <h4 class="text-left">Filters</h4>

    <ul class="text-left">
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="archival" v-on:click="updateInks" v-model="$store.state.filters">
          Archival
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="exclusive" v-on:click="updateInks" v-model="$store.state.filters">
          Exclusive
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="freezeResistant" v-on:click="updateInks" v-model="$store.state.filters">
          Freeze Resistant
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="fluorescent" v-on:click="updateInks" v-model="$store.state.filters">
          Fluorescent
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="lubricated" v-on:click="updateInks" v-model="$store.state.filters">
          Lubricated
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="tamperProof" v-on:click="updateInks" v-model="$store.state.filters">
          Tamper Proof
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="uvResistant" v-on:click="updateInks" v-model="$store.state.filters">
          UV/Bleach Resistant
        </label>
      </li>
      <li>
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="waterproof" v-on:click="updateInks" v-model="$store.state.filters">
          Waterproof
        </label>
      </li>
    </ul>

    <label class="form-check-label">
      <select class="colors" v-model="selectColor">
        <option value="">-- Select Color --</option>
        <option v-for="(color, index) in availableColors" :key="index" :value="color">{{ color }}</option>
      </select>
    </label>
{'fraction_non_alphanumeric': 0.17584791531648306, 'fraction_numerical': 0.0008641175199827177, 'mean_word_length': 2.502269288956127, 'pattern_counts': {'":': 0, '<': 111, '<?xml version=': 0, '>': 111, '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': '2336479', 'n_tokens_mistral': 1463, 'n_tokens_neox': 1456, 'n_words': 256}