{"action":"created","issue":{"url":"https://api.github.com/repos/TahaSh/vue-paginate/issues/23","repository_url":"https://api.github.com/repos/TahaSh/vue-paginate","labels_url":"https://api.github.com/repos/TahaSh/vue-paginate/issues/23/labels{/name}","comments_url":"https://api.github.com/repos/TahaSh/vue-paginate/issues/23/comments","events_url":"https://api.github.com/repos/TahaSh/vue-paginate/issues/23/events","html_url":"https://github.com/TahaSh/vue-paginate/issues/23","id":191118487,"number":23,"title":"TypeError: Cannot read property 'componentOptions' -paginate-links","user":{"login":"hemans","id":12072343,"avatar_url":"https://avatars.githubusercontent.com/u/12072343?v=3","gravatar_id":"","url":"https://api.github.com/users/hemans","html_url":"https://github.com/hemans","followers_url":"https://api.github.com/users/hemans/followers","following_url":"https://api.github.com/users/hemans/following{/other_user}","gists_url":"https://api.github.com/users/hemans/gists{/gist_id}","starred_url":"https://api.github.com/users/hemans/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hemans/subscriptions","organizations_url":"https://api.github.com/users/hemans/orgs","repos_url":"https://api.github.com/users/hemans/repos","events_url":"https://api.github.com/users/hemans/events{/privacy}","received_events_url":"https://api.github.com/users/hemans/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-11-22T20:40:08Z","updated_at":"2016-11-23T09:55:14Z","closed_at":"2016-11-23T04:34:46Z","body":"Dear Tahash,\r\n\r\nWanted to send this as an email rather than raise an issue as I am not sure where the problem is.\r\nthe paginate component works without the paginate-links. immediate I include the paginate-links there component does not work.\r\nError:\r\n`vue-paginate.js?6bc9:5626Uncaught (in promise) TypeError: Cannot read property 'componentOptions'` \r\n\r\ntemplate:\r\n\r\n`<div class=\"col-md-12 col-sm-12\">`\r\n`            <paginate name=\"singers\" :list=\"singers\" :per=\"4\" tag=\"div\">`\r\n\t\t\t`<table class=\"table table-condensed\">`\r\n\t\t\t\t`<thead>`\r\n\t\t           ` <tr>`\r\n\t\t                `<th>Id</th>`\r\n\t\t                `<th>Name</th>`\r\n\t\t               ` <th>Gender</th>`\r\n\t\t                `<th>Email</th>`\r\n\t\t               ` <th>Address</th>`\r\n\t\t                `<th>Can Sing</th>`\r\n\t\t                `<th>Instruments</th>`\r\n\t\t                `<th>Action</th>`\r\n\t\t           ` </tr>`\r\n        \t\t`</thead>`\r\n        \t\t`<tbody>`       \r\n        \t\t\t`<tr v-for=\"list in paginated('singers')\" :key=\"list.id\">`\r\n        \t\t\t\t`<th>{{list.id}}</th>`\r\n        \t\t\t\t`<th>{{list.name}}</th>`\r\n        \t\t\t\t`<th>{{list.sex}}</th>`\r\n        \t\t\t\t`<th>{{list.email}}</th>`\r\n        \t\t\t\t`<th>{{list.address}}</th>`\r\n        \t\t\t\t`<th>{{list.can_sing}}</th>`\r\n        \t\t\t\t`<th>{{list.instruments}}</th>`\r\n        \t\t\t\t`<th> <span><button class=\"btn btn-danger btn-sm\" ``@click=\"deleteSinger(list)\" style=\"border-radius: 20px\">D</button></span>`\r\n        \t\t\t\t`<span><button class=\"btn btn-success btn-sm\" v-``on:click=\"$emit('remove')\" style=\"border-radius: 20px\">E</button></span>`\r\n        \t\t\t\t`</th>`\t\r\n        \t\t\t`</tr>`\r\n                \r\n        \t\t`</tbody>`\r\n\t\t\t`</table>`\r\n           ` </paginate>`\r\n           ` <paginate-links for=\"singers\" :simple=\"{next: 'Next »',prev: '« Back'}\"></paginate-links>`\r\n\t`</div>`\r\n`<script>`\r\n    `export default {`\r\n        `ready() {`\r\n           ` this.fetchSingersList();`\r\n       ` },`\r\n\r\n        `data : function () {`\r\n           ` return{`\r\n                `singers: [],`\r\n              `  paginate: ['singers']`\r\n          `  };`\r\n       ` },`\r\n\r\n        `methods : {`\r\n        \t`fetchSingersList: function(){`\r\n        \t\t`$.getJSON('/api/choir/singers', function(singer){`\r\n                `this.singers = singer;` \r\n                `}.bind(this));`\r\n        \t`},`\r\n\r\n        \t`deleteSinger: function(list){`\r\n        \t\t`this.singers.$remove(list);  `\r\n        \t\t`this.$http.delete('/choir/singers/' + list.id, list);`\r\n        \t`}`\r\n        `}`\r\n`   }`\r\n`</script>`\r\n\r\nMany thanks"},"comment":{"url":"https://api.github.com/repos/TahaSh/vue-paginate/issues/comments/262472089","html_url":"https://github.com/TahaSh/vue-paginate/issues/23#issuecomment-262472089","issue_url":"https://api.github.com/repos/TahaSh/vue-paginate/issues/23","id":262472089,"user":{"login":"hemans","id":12072343,"avatar_url":"https://avatars.githubusercontent.com/u/12072343?v=3","gravatar_id":"","url":"https://api.github.com/users/hemans","html_url":"https://github.com/hemans","followers_url":"https://api.github.com/users/hemans/followers","following_url":"https://api.github.com/users/hemans/following{/other_user}","gists_url":"https://api.github.com/users/hemans/gists{/gist_id}","starred_url":"https://api.github.com/users/hemans/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hemans/subscriptions","organizations_url":"https://api.github.com/users/hemans/orgs","repos_url":"https://api.github.com/users/hemans/repos","events_url":"https://api.github.com/users/hemans/events{/privacy}","received_events_url":"https://api.github.com/users/hemans/received_events","type":"User","site_admin":false},"created_at":"2016-11-23T09:55:14Z","updated_at":"2016-11-23T09:55:14Z","body":"Thanks @TahaSh .\r\n\r\n"}}
{"actor":{"display_login":"hemans"}}