Cannot render custom component? about vue-tables-2 HOT 4 CLOSED

import Vue from 'vue'

var editlink = Vue.extend({
  props: ['id'],
  methods: {
    getItem () {
      console.log(this.id)
    }
  },
  render: function (e) {
    return e('button', {
      attrs: {
        class: 'btn btn-primary btn-sm'
      },
      on: {
        click: this.getItem
      }
    }, [ e('i', {
      attrs: {
        class: 'glyphicon glyphicon-edit'
      }
    })])
  }
})

Vue.component('edit-link', editlink)

var tableColumns = ['name', 'stock', 'sku', 'price', 'created_at']
var options = {
  pagination: {
    dropdown: true,
    chunk: 10
  },
  filterByColumn: true,
  texts: {
    filter: 'Search:'
  },
  datepickerOptions: {
    showDropdowns: true
  },
  headings: {
    name: 'Nama',
    stock: 'Stok',
    sku: 'SKU',
    price: 'Harga',
    created_at: 'Dibuat Pada',
    edit: 'Edit',
    delete: 'Delete'
  },
  templates: {
    edit: function (h, row) {
      return <edit-link id={row.id}></edit-link>
    },
    delete: function (h, row) {
      return <a href="javascript:void(0);" class="btn btn-danger btn-sm"><i class="glyphicon glyphicon-erase"></i></a>
    }
  }
}

export default {
  name: 'ItemList',
  data: function () {
    return {
      options: options,
      columns: tableColumns
    }
  }
}