<commit_before><template>
  <div class="container-fluid pokemonGridItem" v-if="pokemon && pokemonSpecies" :class="[pokemonSpecies.color.name]" :style="{'background-color': pokemonSpecies.color.name}" @click="pokemonDetails">
    <div class="row" v-if="!showSpinner">
      <div class="col">
        <img :src="pokemon.sprites.front_default" :alt="pokeData.pokemon_species.name">
        <p class="name">{{pokeData.pokemon_species.name}}</p>
      </div>
    </div>
    <circle8 v-if="showSpinner" />
  </div>
</template>

<script>
import axios from 'axios';
import { POKEMON } from '@/const/pokeapi.js';
import { Circle8 } from 'vue-loading-spinner';
import db from '@/database.js';
export default {
    name: 'PokeItem',
    props: {
        pokeData: Object
    },
    components:{
        Circle8
    },
    data(){
        return{
            pokemon: '',
            pokemonSpecies: '',
            showSpinner: false
        }
    },
    methods:{
        async getPokemonSpecies(){           
            try {
                let data = await axios.get(`${this.convertToHttps(this.pokeData.pokemon_species.url)}`);
                this.pokemonSpecies = data.data;
            } catch(e) {
                console.log(e)
            }         
        },<commit_msg>remove console logs<commit_after><template>
  <div class="container-fluid pokemonGridItem" v-if="pokemon && pokemonSpecies" :class="[pokemonSpecies.color.name]" :style="{'background-color': pokemonSpecies.color.name}" @click="pokemonDetails">
    <div class="row" v-if="!showSpinner">
      <div class="col">
        <img :src="pokemon.sprites.front_default" :alt="pokeData.pokemon_species.name">
        <p class="name">{{pokeData.pokemon_species.name}}</p>
      </div>
    </div>
    <circle8 v-if="showSpinner" />
  </div>
</template>

<script>
import axios from 'axios';
import { POKEMON } from '@/const/pokeapi.js';
import { Circle8 } from 'vue-loading-spinner';
import db from '@/database.js';
export default {
    name: 'PokeItem',
    props: {
        pokeData: Object
    },
    components:{
        Circle8
    },
    data(){
        return{
            pokemon: '',
            pokemonSpecies: '',
            showSpinner: false
        }
    },
    methods:{
        async getPokemonSpecies(){           
            try {
                let data = await axios.get(`${this.convertToHttps(this.pokeData.pokemon_species.url)}`);
                this.pokemonSpecies = data.data;
            } catch(e) {
                throw new Error(e.message);
            }         
        },
{'fraction_non_alphanumeric': 0.15321637426900586, 'fraction_numerical': 0.0023391812865497076, 'mean_word_length': 2.2604828462515885, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, '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': '5877212', 'n_tokens_mistral': 847, 'n_tokens_neox': 838, 'n_words': 144}