import firebase from 'nativescript-plugin-firebase';

firebase.init({
  // Optionally pass in properties for db, auth & cloud messaging
}).then(
  instance => {
    console.log("firebase.init done");
  },
  error => {
    console.log(`firebase.init error: ${error}`);
  }
);
...

Vue.prototype.$firebase = firebase;

<SwipeLayout row="2" col="0" v-for="item in count" :key="item" 
@swipeLeft="swipeCallback($event,item)" @swipeRight="swipeCallback($event,item)">                             
              
      <GridLayout rows="2*,2*" columns="*">

           <CardView row="0" elevation="20" margin="10" radius="10" 
                backgroundColor="white" shadowOpacity=".2" shadowRadius="5">
               
                <Image :src="'~/images/'+imageFolder+'/'+item+'.jpg'"/>        
           
            </CardView> 

          ...

     </GridLayout>
            
</SwipeLayout>

queryMLKit(id){
        this.response = ["thinking..."];
        ...
        let image = '/images/'+this.imageFolder+'/'+this.currImage+'.jpg';

        ...
        source.fromFile(path)
          .then((imageSource) => {
            this.$firebase.mlkit.imagelabeling.labelImageOnDevice({
              image: { imageSource: source },
              confidenceThreshold: 0.6
          })
          .then((result) => {
            ...
            for (let i = 0; i < result.labels.length; ++i) {
              tempArr.push(
                result.labels[i].text + ' : ' + Math.floor((result.labels[i].confidence) * 100) + '%'
              );
              ...
            }
            this.calculateBotScore(this.imageFolder,this.currImage,labelsArr)

           ...      
          }
        )
        ...
        })
      },

export const Images = [
    {
      type: "barnowl",
      ids: [1,4,5,7,10,12,13,15],
      acceptedAnswers: ["bird","owl"]
    },
    {
      type: "apple",
      ids: [2,3,6,8,9,11,14,16],
      acceptedAnswers: ["food","apple"]
    },
...
]

  
const state = {
  humanScore: 0,
  botScore: 0
};

const mutations = {
  clearScore (state){
    state.humanScore = 0;
    state.botScore = 0;
  },
  setHumanScore (state) {
    state.humanScore++;
  },
  setBotScore (state) {
    state.botScore++;
  }
};

const actions = {
  clearScore: ({commit}) => commit('clearScore'),    
  setHumanScore: ({commit}) => commit('setHumanScore'),
  setBotScore: ({commit}) => commit('setBotScore'),
  
};

...