import Vue from 'vue'
import VueTimers from 'vue-timers'
 
Vue.use(VueTimers)

import {mixin as VueTimers} from 'vue-timers'
 
export default {
  mixins: [VueTimers]
}

export default {
  plugins: [
    { src: '~/plugins/vue-timers', mode: 'client' }
  ]
}

import Vue from 'vue'
import VueTimers from 'vue-timers'
 
Vue.use(VueTimers)

export default {
  methods: {
    log () {
      console.log('Hello world')
    }
  },
  created () {
    // It looks OK for the first look
    // But imagine that you have more than one timer
    this.$options.interval = setInterval(this.log, 1000)
    // Ok? What about check if timer works?
    // And it's not reactive so you should create data option
    console.log(this.$options.interval !== null)  
    // Still ok? So what about reusable timers?
    // New method for that? Rly?  
  },
  // Did you forget that it should be destroyed?
  beforeDestroy () {
    clearInterval(this.$options.interval)
  }
}

export default {
  timers: {
    log: { time: 1000, autostart: true }
  },
  methods: {
    log () {
      console.log('Hello world')
    }
  }
}

{
  // Name of timer
  // Default: timer key (with object notation)
  name: String,
 
  // Tick callback or method name from component
  // Note: callback is binded to component instance
  // Default: name
  callback: Function/String,
 
  // Autostart timer from created hook
  // Default: false
  autostart: Boolean,
 
  // Set true to repeat (with setInterval) or false (setTimeout)
  // Default: false
  repeat: Boolean,
 
  // Set true to call first tick immediate 
  // Note: repeat must be true too
  // Default: false
  immediate: Boolean,
 
  // Time between ticks
  // Default: 1000
  time: Number
  
  // Switch timer`s status between activated and deactivated
  // Default: false
  isSwitchTab: Boolean
}

this.timers.log.time = 2000

// Starts `log` timer
this.$timer.start('log')
// Stops `log` timer
this.$timer.stop('log')

this.timers.log.isRunning

 
import { timer } from 'vue-timers'
 
export default {
  timers: [
    timer('log', 1000)
  ],
  methods: {
    log () {
      console.log('It works!')
    }
  }
}

export default {
  timers: {
    log: { time: 1000, ...options }
  }
}

export default {
  timers: [
    { name: 'log', time: 1000, ...options }
  ]
}

import { timer } from 'vue-timers'
 
export default {
  timers: [
    timer('log', 1000, { ...options })
  ]
}