<commit_before><template lang="pug">
  doc-view
    template(slot-scope="{ namespace }")
      section#classes
        section-head(:value="`${namespace}.classesHeader`")
        section-text(:value="`${namespace}.classesText`")
        example(
          readonly
          file="colors/classes"
        )
        section-text(:value="`${namespace}.classesText2`")
        example(
          readonly
          file="colors/textClasses"
        )

      section#javascript-color-pack
        section-head(:value="`${namespace}.javascriptPackHeader`")
        section-text(:value="`${namespace}.javascriptPackText`")
        markup(lang="js")
          |// src/index.js
          |
          |// Libraries
          |import Vue from 'vue'
          |import Vuetify from 'vuetify'
          |
          |// Helpers
          |import colors from 'vuetify/es5/util/colors'
          |
          |Vue.use(Vuetify, {
          |   theme: {
          |     primary: colors.red.darken1 // #E53935,
          |     secondary: colors.red.lighten4 // #FFCDD2
          |     accent: colors.indigo.base // #3F51B5
          |   }
          |})

      section#stylus-color-pack
        section-head(:value="`${namespace}.stylusPackHeader`")
        section-text(:value="`${namespace}.stylusPackText`")
        markup(lang="stylus").mb-3
          |// src/assets/stylus/main.styl
          |
          |$color-pack = false
          |
          |@import '/path/to/node_modules/vuetify/src/stylus/main.styl'
        section-text(:value="`${namespace}.stylusPackText2`")
        markup(lang="js").mb-3
          |// src/index.js
          |
          |import('./assets/stylus/main.styl')
          |// or
          |require('./assets/stylus/main.styl')
        app-alert(error :value="`${namespace}.alert`")
        section-text(:value="`${namespace}.stylusPackText3`")
        markup(lang="vue")
          |&lt;style lang="stylus"&gt;
          |   $color-pack = false
          |
          |   @import '/path/to/node_modules/vuetify/src/stylus/main.styl'
          |&lt;/style&gt;

      section#colors
        section-head(:value="`${namespace}.colorHeader`")
        section-text(:value="`${namespace}.colorText`")
        v-container(fluid grid-list-xl).pa-0
          v-layout(row wrap)
            v-flex(xs12).mb-3
              v-text-field(
                prepend-icon="filter_list"
                solo
                label="Search" 
                single-line 
                v-model="search"
              )
            v-flex(
              xs6 sm6 md4
              v-for="(color, key) in computedColors"
              :key="key"
            )
              v-card(
                :color="key"
                tile
              )
                v-card-text
                  h3 {{ key }}
              v-card(
                v-for="(subColor, key2) in color"
                :color="`${key} ${convertToClass(key2)}`"
                :class="getColorClass(key2)"
                :key="key2"
                tile<commit_msg>add missing commas<commit_after><template lang="pug">
  doc-view
    template(slot-scope="{ namespace }")
      section#classes
        section-head(:value="`${namespace}.classesHeader`")
        section-text(:value="`${namespace}.classesText`")
        example(
          readonly
          file="colors/classes"
        )
        section-text(:value="`${namespace}.classesText2`")
        example(
          readonly
          file="colors/textClasses"
        )

      section#javascript-color-pack
        section-head(:value="`${namespace}.javascriptPackHeader`")
        section-text(:value="`${namespace}.javascriptPackText`")
        markup(lang="js")
          |// src/index.js
          |
          |// Libraries
          |import Vue from 'vue'
          |import Vuetify from 'vuetify'
          |
          |// Helpers
          |import colors from 'vuetify/es5/util/colors'
          |
          |Vue.use(Vuetify, {
          |   theme: {
          |     primary: colors.red.darken1, // #E53935,
          |     secondary: colors.red.lighten4, // #FFCDD2
          |     accent: colors.indigo.base // #3F51B5
          |   }
          |})

      section#stylus-color-pack
        section-head(:value="`${namespace}.stylusPackHeader`")
        section-text(:value="`${namespace}.stylusPackText`")
        markup(lang="stylus").mb-3
          |// src/assets/stylus/main.styl
          |
          |$color-pack = false
          |
          |@import '/path/to/node_modules/vuetify/src/stylus/main.styl'
        section-text(:value="`${namespace}.stylusPackText2`")
        markup(lang="js").mb-3
          |// src/index.js
          |
          |import('./assets/stylus/main.styl')
          |// or
          |require('./assets/stylus/main.styl')
        app-alert(error :value="`${namespace}.alert`")
        section-text(:value="`${namespace}.stylusPackText3`")
        markup(lang="vue")
          |&lt;style lang="stylus"&gt;
          |   $color-pack = false
          |
          |   @import '/path/to/node_modules/vuetify/src/stylus/main.styl'
          |&lt;/style&gt;

      section#colors
        section-head(:value="`${namespace}.colorHeader`")
        section-text(:value="`${namespace}.colorText`")
        v-container(fluid grid-list-xl).pa-0
          v-layout(row wrap)
            v-flex(xs12).mb-3
              v-text-field(
                prepend-icon="filter_list"
                solo
                label="Search"
                single-line
                v-model="search"
              )
            v-flex(
              xs6 sm6 md4
              v-for="(color, key) in computedColors"
              :key="key"
            )
              v-card(
                :color="key"
                tile
              )
                v-card-text
                  h3 {{ key }}
              v-card(
                v-for="(subColor, key2) in color"
                :color="`${key} ${convertToClass(key2)}`"
                :class="getColorClass(key2)"
                :key="key2"
                tile
{'fraction_non_alphanumeric': 0.15004122011541632, 'fraction_numerical': 0.00989282769991756, 'mean_word_length': 1.474908200734394, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '5005495', 'n_tokens_mistral': 1876, 'n_tokens_neox': 1815, 'n_words': 221}