component-refractor.js

gistfile1.js

import Component from '@ember/component'; // modern syntax

export default Component.extend({       // redundant Ember, that has been already imported.

  count: 1, // it will start from 2, imho it should be 0
  
  // Use didInsertElement hook instead of init.
  // I assume that we want to start updating counter begining from the moment when the element was inserted to the DOM.
  // `init` is called before didInsertElement() and would lead to some 
  // init() does several things behind the scenes.
  // `init` hook would require calling `this._super(...arguments);`
  // the only use-case when I use init hook is to set Component related state like internal errors:
  // Example:
  //  init() {
  //  this._super(...arguments);
  //  this.set('errors', []);
  // }
  // Error: Assertion Failed: You must call `this._supe
  didInsertElement() {                 
    this.updateCounter();               
  },

  updateCounter() {
    this.incrementProperty('count')
    Ember.run.later(this, this.updateCounter, 1000)
  }

});