{"action":"opened","issue":{"url":"https://api.github.com/repos/vuejs/vue-loader/issues/386","repository_url":"https://api.github.com/repos/vuejs/vue-loader","labels_url":"https://api.github.com/repos/vuejs/vue-loader/issues/386/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue-loader/issues/386/comments","events_url":"https://api.github.com/repos/vuejs/vue-loader/issues/386/events","html_url":"https://github.com/vuejs/vue-loader/issues/386","id":181813844,"number":386,"title":"Redundant scoped attributes","user":{"login":"edmandiesamonte","id":11081512,"avatar_url":"https://avatars.githubusercontent.com/u/11081512?v=3","gravatar_id":"","url":"https://api.github.com/users/edmandiesamonte","html_url":"https://github.com/edmandiesamonte","followers_url":"https://api.github.com/users/edmandiesamonte/followers","following_url":"https://api.github.com/users/edmandiesamonte/following{/other_user}","gists_url":"https://api.github.com/users/edmandiesamonte/gists{/gist_id}","starred_url":"https://api.github.com/users/edmandiesamonte/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edmandiesamonte/subscriptions","organizations_url":"https://api.github.com/users/edmandiesamonte/orgs","repos_url":"https://api.github.com/users/edmandiesamonte/repos","events_url":"https://api.github.com/users/edmandiesamonte/events{/privacy}","received_events_url":"https://api.github.com/users/edmandiesamonte/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-08T08:47:29Z","updated_at":"2016-10-08T08:47:29Z","closed_at":null,"body":"I noticed that the compiled output of a scoped component has redundant attributes\r\n```\r\n<template>\r\n    <button class=\"root shared\">\r\n        <i>Something</i><h4>Hello World</h4>\r\n        <ul>\r\n            <li>Testing</li>\r\n            <li>Testing</li>\r\n            <li>Testing</li>\r\n        </ul>\r\n    </button>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        mounted() {\r\n            console.log( 'Component ready.' )\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"sass\" rel=\"stylesheet/scss\" scoped>\r\n    .root {\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n    }\r\n</style>\r\n```\r\n\r\n... generates\r\n```\r\n<button data-v-1 class=\"root shared\">\r\n    <i data-v-1>Something</i>\r\n    <h4 data-v-1>Hello World</h4> \r\n    <ul data-v-1>\r\n        <li data-v-1>Testing</li> \r\n        <li data-v-1>Testing</li> \r\n        <li data-v-1>Testing</li>\r\n    </ul>\r\n</button>\r\n```\r\n\r\nNotice the multiple `data-v-1` attribute. Even in SCSS those attributes are used instead of just using the root attribute (i.e. output: `root h4[data-v-1] {...}` which should just be `root[data-v-1] h4 {...}`\r\n\r\nIs there a way we can minimized this?"}}
{"actor":{"display_login":"edmandiesamonte"}}