<commit_before><template>
  <v-container text-xs-center>
    <v-layout
      column
      variations>
      <v-flex>
        <v-alert
          :value="true"
          type="success"
        >
          This is a success alert.
        </v-alert>

        <v-alert
          :value="true"
          type="info"
        >
          This is a info alert.
        </v-alert>

        <v-alert
          :value="true"
          type="warning"
        >
          This is a warning alert.
        </v-alert>

        <v-alert
          :value="true"
          type="error"
        >
          This is a error alert.
        </v-alert>
      </v-flex>

      <v-flex>
        <v-alert
          v-model="alert"
          dismissible
          type="success"
        >
          This is a success alert that is closable.
        </v-alert>

        <div class="text-xs-center">
          <v-btn
            v-if="!alert"
            color="primary"
            dark
            @click="alert = true"
          >
            Reset
          </v-btn>
        </div>
      </v-flex>

      <v-flex>
        <v-alert
          :value="true"
          color="success"
          icon="mdi-account-check"
        >
          This is a success alert with a custom icon.
        </v-alert>

        <v-alert
          :value="true"
          color="error"
        >
          This is an error alert with no icon.
        </v-alert>
      </v-flex>

      <v-flex>
        <div class="text-xs-center">
          <v-btn
            color="primary"
            @click="alert = !alert"
          >
            Toggle
          </v-btn>
        </div>
        <v-alert
          :value="alert"
          type="success"
          transition="scale-transition"
        >
          This is a success alert.
        </v-alert>
      </v-flex>

      <v-flex>
        <v-alert
          :value="true"
          color="success"
          outline
        >
          This is a success alert.
        </v-alert>

        <v-alert
          :value="true"
          color="info"
          outline
        >
          This is an info alert.
        </v-alert>

        <v-alert
          :value="true"
          color="warning"
          outline
        >
          This is a warning alert.
        </v-alert>

        <v-alert
          :value="true"
          color="error"
          outline
        >
          This is a error alert.
        </v-alert>
      </v-flex>
    </v-layout>
  </v-container>
</template>

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

  data: () => ({
    alert: true
  })
}
</script><commit_msg>fix(kitchen): seperate alert v-models<commit_after><template>
  <v-container text-xs-center>
    <v-layout
      column
      variations>
      <v-flex>
        <v-alert
          :value="true"
          type="success"
        >
          This is a success alert.
        </v-alert>

        <v-alert
          :value="true"
          type="info"
        >
          This is a info alert.
        </v-alert>

        <v-alert
          :value="true"
          type="warning"
        >
          This is a warning alert.
        </v-alert>

        <v-alert
          :value="true"
          type="error"
        >
          This is a error alert.
        </v-alert>
      </v-flex>

      <v-flex>
        <v-alert
          v-model="alertDismissible"
          dismissible
          type="success"
        >
          This is a success alert that is closable.
        </v-alert>

        <div class="text-xs-center">
          <v-btn
            v-if="!alertDismissible"
            color="primary"
            dark
            @click="alertDismissible = true"
          >
            Reset
          </v-btn>
        </div>
      </v-flex>

      <v-flex>
        <v-alert
          :value="true"
          color="success"
          icon="mdi-account-check"
        >
          This is a success alert with a custom icon.
        </v-alert>

        <v-alert
          :value="true"
          color="error"
        >
          This is an error alert with no icon.
        </v-alert>
      </v-flex>

      <v-flex>
        <div class="text-xs-center">
          <v-btn
            color="primary"
            @click="alertTransition = !alertTransition"
          >
            Toggle
          </v-btn>
        </div>
        <v-alert
          v-model="alertTransition"
          type="success"
          transition="scale-transition"
        >
          This is a success alert.
        </v-alert>
      </v-flex>

      <v-flex>
        <v-alert
          :value="true"
          color="success"
          outline
        >
          This is a success alert.
        </v-alert>

        <v-alert
          :value="true"
          color="info"
          outline
        >
          This is an info alert.
        </v-alert>

        <v-alert
          :value="true"
          color="warning"
          outline
        >
          This is a warning alert.
        </v-alert>

        <v-alert
          :value="true"
          color="error"
          outline
        >
          This is a error alert.
        </v-alert>
      </v-flex>
    </v-layout>
  </v-container>
</template>

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

  data: () => ({
    alertDismissible: true,
    alertTransition: true
  })
}
</script>
{'fraction_non_alphanumeric': 0.12354048964218456, 'fraction_numerical': 0.0, 'mean_word_length': 1.0364263803680982, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 105, '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': '2960367', 'n_tokens_mistral': 1596, 'n_tokens_neox': 1576, 'n_words': 350}