assign    = require 'lodash/assign'
View      = require '../../view/View'
ViewModel = require '../../view/ViewModel'
Navigator = require '../../nav/Navigator'
template  = require './test.template'


class CounterViewModel extends ViewModel
  constructor: ->
    super arguments...
    setInterval =>
      @counter++
    , 500
  @property 'counter',
    default: 0


vm = new CounterViewModel

class CounterView extends View
  constructor: (init) ->
    super assign init, {template, context: vm}


tvm = new CounterView
  parentEl: '.ex.template'

window.resetCounter = ->
  vm.counter = 0

document.addEventListener 'DOMContentLoaded', ->
  tvm.render()