text: 
  import Vue from 'vue'
  Vue.component('Timer',{
  	template: `
    	<div>
        <div v-show ="statusType !== 'expired'">
          <div class="hour">
            <span class="number">{{ hours }}</span>
            <div class="format">{{ wordString.hours }}</div>
          </div>
          <div class="min">
            <span class="number">{{ minutes }}</span>
            <div class="format">{{ wordString.minutes }}</div>
          </div>
          <div class="sec">
            <span class="number">{{ seconds }}</span>
            <div class="format">{{ wordString.seconds }}</div>
          </div>
        </div>
        <div class="message">{{ message }}</div>
        <div class="status-tag" :class="statusType">{{ statusText }}</div>
      </div>
    `,
    props: ['starttime','endtime','trans'] ,
    data: function(){
    	return{
      	timer:"",
        wordString: {},
        start: "",
        end: "",
        interval: "",
        days:"",
        minutes:"",
        hours:"",
        seconds:"",
        message:"",
        statusType:"",
        statusText: "",
      
      };
    },
    created: function () {
          this.wordString = JSON.parse(this.trans);
      },
    mounted(){
        console.log("Start Timer")
      this.start = new Date.UTC().getTime();
      console.log(this.start)
      this.end = new Date.UTC(this.endtime).getTime();
      console.log(this.end)
      // Update the count down every 1 second
      this.timerCount(this.start,this.end);
      this.interval = setInterval(() => {
          this.timerCount(this.start,this.end);
      }, 1000);
    },
    methods: {
      timerCount: function(start,end){
          // Get todays date and time
          var now = new Date().UTC().getTime();
  
          // Find the distance between now an the count down date
          var distance = start - now;
          var passTime =  end - now;
  
          if(distance < 0 && passTime < 0){
              this.message = this.wordString.expired;
              this.statusType = "expired";
              this.statusText = this.wordString.status.expired;
              clearInterval(this.interval);
              return;
  
          }else if(distance < 0 && passTime > 0){
              this.calcTime(passTime);
              this.message = this.wordString.running;
              this.statusType = "running";
              this.statusText = this.wordString.status.running;
  
          } else if( distance > 0 && passTime > 0 ){
              this.calcTime(distance); 
              this.message = this.wordString.upcoming;
              this.statusType = "upcoming";
              this.statusText = this.wordString.status.upcoming;
          }
      },
      calcTime: function(dist){
        // Time calculations for days, hours, minutes and seconds
          this.days = Math.floor(dist / (1000 * 60 * 60 * 24));
          this.hours = Math.floor((dist % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
          this.minutes = Math.floor((dist % (1000 * 60 * 60)) / (1000 * 60));
          this.seconds = Math.floor((dist % (1000 * 60)) / 1000);
      }
      
    }
  });
  
  