@digitalbocca/vue-engine v0.4.0

@digitalbocca/vue-engine

Atenção: Este projeto está em fase de implementação, não use em produção antes da versão 1.0.0

Atenção: Esta engine manipula diretamente o state, então os dados da fila não são commitados. Em uma implementação futura isto será corrigido. Neste momento a fila não é exibida corretamente nas ferramentas de debug

Adição de tarefas na fila já são commitadas, apenas a remoção ainda não está sendo commitada.

Como Usar

• No seu arquivo js inicial do projeto (ex: main.js ou index.js) importe VueEngine e passe sua store como valor de dados, nesta store é onde estará a fila de tarefas. Passe também o tempo de execução entre os loops, este valor é em segundos.

import VueEngine from '@digitalbocca/vue-engine'

Vue.use(VueEngine, { data: store, time: 1 })

• No state da sua store do vuex certifique-se de ter as chaves:

{
  // ...
  fila: []
  // ...
}

• Ao iniciar a engine você fica com o metodo $adicionarTarefa() exposto na sua instância do Vue. No exemplo abaixo minha instância do vue está em window.vm e estou criando um id com um timestamp, para o tempo de execução da tarefa eu crio um objeto de tempo do luxon com o horário atual e adiciono vinte segundos, na action é a função que será executada.

window.vm.$adicionarTarefa({
  id: Date.now().toString(),
  time: DateTime.local().plus({ seconds: 20 }),
  action: () => console.log('Executei a ação')
})

• Devido aos problemas com namespaces e registerModules estas funcionalidades não foram implementadas nesta versão. Crie uma mutation ADD_TASK para o commit da mudança de estado.

ADD_TASK (state, tarefa) {
  state.fila.push(tarefa)
}

• O método $adicionarTarefa() faz um dispatch para uma action addTask.

addTask (context, tarefa) {
  context.commit('ADD_TASK', tarefa)
}