<commit_before><template>
  <v-row
    align="center"
    justify="space-around"
    class="flex-column"
  >
    <v-icon
      v-bind="$attrs"
      v-on="$listeners"
    >
      {{ icon || 'mdi-plus' }}
    </v-icon>
    <v-select
      v-model="icon"
      :items="icons"
    ></v-select>
  </v-row>
</template>

<script>
  export default {
    name: 'Usage',

    inheritAttrs: false,

    data: () => ({
      icon: 'mdi-access-point',
      icons: [
        'mdi-plus',
        'mdi-minus',
        'mdi-access-point',
        'mdi-antenna',
      ],
      defaults: {
        color: null,
        dense: false,
        large: false,
        medium: false,
        small: false,
        'x-large': false,
        'x-small': false,
      },
      options: {
        booleans: ['dense'],
        selects: {
          color: [
            'red',
            'orange',
            'yellow',
            'green',
            'blue',
            'purple',
          ],
        },
        radioGroups: {
          size: [
            'x-small',
            'small',
            'medium',
            'large',
            'x-large',
          ],
        },
      },
      tabs: [],
    }),
  }
</script><commit_msg>docs(icons): update usage example<commit_after><template>
  <v-row
    align="center"
    justify="space-around"
    class="flex-column"
  >
    <v-icon
      v-bind="$attrs"
      v-on="$listeners"
    >
      {{ icon || 'mdi-plus' }}
    </v-icon>
    <v-select
      v-model="icon"
      :items="icons"
    ></v-select>
  </v-row>
</template>

<script>
  export default {
    name: 'Usage',

    inheritAttrs: false,

    data: () => ({
      icon: 'mdi-access-point',
      icons: [
        'mdi-plus',
        'mdi-minus',
        'mdi-access-point',
        'mdi-antenna',
      ],
      defaults: {
        color: null,
        dense: false,
        disabled: false,
        large: false,
        medium: false,
        small: false,
        'x-large': false,
        'x-small': false,
      },
      options: {
        booleans: ['disabled'],
        selects: {
          color: [
            'red',
            'orange',
            'yellow',
            'green',
            'blue',
            'purple',
          ],
        },
        radioGroups: {
          size: [
            'x-small',
            'small',
            'dense',
            'medium',
            'large',
            'x-large',
          ],
        },
      },
      tabs: [],
    }),
  }
</script>
{'fraction_non_alphanumeric': 0.1684717208182912, 'fraction_numerical': 0.0, 'mean_word_length': 1.1781659388646288, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 25, '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': '1550466', 'n_tokens_mistral': 819, 'n_tokens_neox': 802, 'n_words': 139}