<commit_before><template>
  <div id="app">
    <v-select placeholder="default" :options="options"></v-select>
    <v-select placeholder="default, RTL" :options="options" dir="rtl"></v-select>
    <v-select placeholder="default, options=[1,5,10]" :options="[1,5,10]"></v-select>
    <v-select placeholder="multiple" multiple :options="options"></v-select>
    <v-select placeholder="multiple, taggable" multiple taggable :options="options" no-drop></v-select>
    <v-select placeholder="multiple, taggable, push-tags" multiple push-tags taggable :options="[{label: 'Foo', value: 'foo'}]"></v-select>
    <v-select placeholder="multiple, closeOnSelect=true" multiple :options="['cat', 'dog', 'bear']"></v-select>
    <v-select placeholder="multiple, closeOnSelect=false" multiple :close-on-select="false" :options="['cat', 'dog', 'bear']"></v-select>
    <v-select placeholder="searchable=false" :options="options" :searchable="false"></v-select>
    <v-select placeholder="search github.." label="full_name" @search="search" :options="ajaxRes"></v-select>
    <v-select placeholder="custom option template" :options="options" multiple>
      <template slot="selected-option" slot-scope="option">
        {{option.label}}
      </template>
      <template slot="option" slot-scope="option">
        {{option.label}} ({{option.value}})
      </template>
    </v-select>
    <v-select placeholder="custom option template for string array" taggable :options="['cat', 'dog', 'bear']" multiple>
      <template slot="selected-option" slot-scope="option">
        {{option.label}}
      </template>
      <template slot="option" slot-scope="option">
        {{option.label}}
      </template>
    </v-select>
    <v-select multiple placeholder="custom label template" :options="options">
            <span
                    slot="selected-option-container"
                    slot-scope="props"
                    class="selected-tag"
            >
                {{ props.option.label }} ({{ props.option.value }})
              <button v-if="props.multiple" @click="props.deselect(props.option)" type="button" class="close" aria-label="Remove option">
                <span aria-hidden="true">&times;</span>
              </button>
            </span>
    </v-select>
    <v-select placeholder="select on tab" :select-on-tab="true" :options="options"></v-select>
    <v-select placeholder="disabled" disabled  value="disabled"></v-select>
    <v-select placeholder="disabled multiple" disabled multiple :value="['disabled', 'multiple']"></v-select>
    <v-select placeholder="filterable=false, @search=searchPeople" label="first_name" :filterable="false" @search="searchPeople" :options="people"></v-select>
    <v-select placeholder="filtering with fuse.js" label="title" :options="fuseSearchOptions" :filter="fuseSearch">
      <template slot="option" scope="option">
        <strong>{{ option.title }}</strong><br>
        <em>{{ `${option.author.firstName} ${option.author.lastName}` }}</em>
      </template>
    </v-select>
  </div>
</template>

<script><commit_msg>Fix `slot` warning, update to `slot-scope`<commit_after><template>
  <div id="app">
    <v-select placeholder="default" :options="options"></v-select>
    <v-select placeholder="default, RTL" :options="options" dir="rtl"></v-select>
    <v-select placeholder="default, options=[1,5,10]" :options="[1,5,10]"></v-select>
    <v-select placeholder="multiple" multiple :options="options"></v-select>
    <v-select placeholder="multiple, taggable" multiple taggable :options="options" no-drop></v-select>
    <v-select placeholder="multiple, taggable, push-tags" multiple push-tags taggable :options="[{label: 'Foo', value: 'foo'}]"></v-select>
    <v-select placeholder="multiple, closeOnSelect=true" multiple :options="['cat', 'dog', 'bear']"></v-select>
    <v-select placeholder="multiple, closeOnSelect=false" multiple :close-on-select="false" :options="['cat', 'dog', 'bear']"></v-select>
    <v-select placeholder="searchable=false" :options="options" :searchable="false"></v-select>
    <v-select placeholder="search github.." label="full_name" @search="search" :options="ajaxRes"></v-select>
    <v-select placeholder="custom option template" :options="options" multiple>
      <template slot="selected-option" slot-scope="option">
        {{option.label}}
      </template>
      <template slot="option" slot-scope="option">
        {{option.label}} ({{option.value}})
      </template>
    </v-select>
    <v-select placeholder="custom option template for string array" taggable :options="['cat', 'dog', 'bear']" multiple>
      <template slot="selected-option" slot-scope="option">
        {{option.label}}
      </template>
      <template slot="option" slot-scope="option">
        {{option.label}}
      </template>
    </v-select>
    <v-select multiple placeholder="custom label template" :options="options">
            <span
                    slot="selected-option-container"
                    slot-scope="props"
                    class="selected-tag"
            >
                {{ props.option.label }} ({{ props.option.value }})
              <button v-if="props.multiple" @click="props.deselect(props.option)" type="button" class="close" aria-label="Remove option">
                <span aria-hidden="true">&times;</span>
              </button>
            </span>
    </v-select>
    <v-select placeholder="select on tab" :select-on-tab="true" :options="options"></v-select>
    <v-select placeholder="disabled" disabled  value="disabled"></v-select>
    <v-select placeholder="disabled multiple" disabled multiple :value="['disabled', 'multiple']"></v-select>
    <v-select placeholder="filterable=false, @search=searchPeople" label="first_name" :filterable="false" @search="searchPeople" :options="people"></v-select>
    <v-select placeholder="filtering with fuse.js" label="title" :options="fuseSearchOptions" :filter="fuseSearch">
      <template slot="option" slot-scope="option">
        <strong>{{ option.title }}</strong><br>
        <em>{{ `${option.author.firstName} ${option.author.lastName}` }}</em>
      </template>
    </v-select>
  </div>
</template>

<script>
{'fraction_non_alphanumeric': 0.18960492227979275, 'fraction_numerical': 0.0025906735751295338, 'mean_word_length': 3.7883720930232556, 'pattern_counts': {'":': 0, '<': 127, '<?xml version=': 0, '>': 127, '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': '5577035', 'n_tokens_mistral': 1810, 'n_tokens_neox': 1781, 'n_words': 350}