{"action":"opened","issue":{"url":"https://api.github.com/repos/lokyoung/vuejs-paginate/issues/31","repository_url":"https://api.github.com/repos/lokyoung/vuejs-paginate","labels_url":"https://api.github.com/repos/lokyoung/vuejs-paginate/issues/31/labels{/name}","comments_url":"https://api.github.com/repos/lokyoung/vuejs-paginate/issues/31/comments","events_url":"https://api.github.com/repos/lokyoung/vuejs-paginate/issues/31/events","html_url":"https://github.com/lokyoung/vuejs-paginate/issues/31","id":229490352,"number":31,"title":"If using as a subcomponent, scoped styling does not work","user":{"login":"cgs","id":16057,"avatar_url":"https://avatars2.githubusercontent.com/u/16057?v=3","gravatar_id":"","url":"https://api.github.com/users/cgs","html_url":"https://github.com/cgs","followers_url":"https://api.github.com/users/cgs/followers","following_url":"https://api.github.com/users/cgs/following{/other_user}","gists_url":"https://api.github.com/users/cgs/gists{/gist_id}","starred_url":"https://api.github.com/users/cgs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cgs/subscriptions","organizations_url":"https://api.github.com/users/cgs/orgs","repos_url":"https://api.github.com/users/cgs/repos","events_url":"https://api.github.com/users/cgs/events{/privacy}","received_events_url":"https://api.github.com/users/cgs/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-17T21:19:38Z","updated_at":"2017-05-17T21:19:38Z","closed_at":null,"body":"I have a parent component which uses Paginate as a subcomponent:\r\n\r\n```\r\n<script>\r\n  import Paginate from 'vuejs-paginate/dist'\r\n\r\n  export default {\r\n    components: {\r\n      Paginate\r\n    },\r\n    ...\r\n</script>\r\n```\r\n\r\nIn parent component:\r\n\r\n```\r\n<style lang=\"scss\" scoped>\r\n.page-item.active a {\r\n  color: red;\r\n}\r\n</style>\r\n```\r\nThis does not work when attempting to style pagination. Removing \"scoped\" does however:\r\n\r\n```\r\n<style lang=\"scss\">\r\n...\r\n</style>\r\n```\r\n\r\nLooks like this is a [Vue issue](https://github.com/vuejs/vue-loader/issues/661), but I hope this helps someone."}}
{"actor":{"display_login":"cgs"}}