{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue-loader/issues/818","repository_url":"https://api.github.com/repos/vuejs/vue-loader","labels_url":"https://api.github.com/repos/vuejs/vue-loader/issues/818/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue-loader/issues/818/comments","events_url":"https://api.github.com/repos/vuejs/vue-loader/issues/818/events","html_url":"https://github.com/vuejs/vue-loader/issues/818","id":229686800,"number":818,"title":"Remove underscore and integer from CSS Module localIdentName with single file components.","user":{"login":"DaemonCahill","id":438181,"avatar_url":"https://avatars3.githubusercontent.com/u/438181?v=3","gravatar_id":"","url":"https://api.github.com/users/DaemonCahill","html_url":"https://github.com/DaemonCahill","followers_url":"https://api.github.com/users/DaemonCahill/followers","following_url":"https://api.github.com/users/DaemonCahill/following{/other_user}","gists_url":"https://api.github.com/users/DaemonCahill/gists{/gist_id}","starred_url":"https://api.github.com/users/DaemonCahill/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DaemonCahill/subscriptions","organizations_url":"https://api.github.com/users/DaemonCahill/orgs","repos_url":"https://api.github.com/users/DaemonCahill/repos","events_url":"https://api.github.com/users/DaemonCahill/events{/privacy}","received_events_url":"https://api.github.com/users/DaemonCahill/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-05-18T14:11:36Z","updated_at":"2017-05-29T16:55:19Z","closed_at":null,"body":"### What problem does this feature solve?\r\nI'm loving CSS Modules with Vue.js but am having an issue dealing with a static export for server side rendering. I've been using the following for my localIdentName in webpack config:\r\n\r\ncssModules: { localIdentName: '[name]-[local]' },\r\n\r\nHowever, all of my classnames are generating with an _0 at the end which appears to be the direct result of using CSS modules in single file components. If the style tag uses an external source then the integer will go away, and if there are multiple styles the integer will be incremented accordingly.\r\n\r\nIdeally, there would be a workaround where I could use single file components with inline modules without having the _integer generated by default.\r\n\r\n### What does the proposed API look like?\r\nUnclear. Presumably this would be a minor setting or customization in the webpack configuration for vue loader.\r\n\r\n<!-- generated by vue-issues. DO NOT REMOVE -->"},"comment":{"url":"https://api.github.com/repos/vuejs/vue-loader/issues/comments/304700455","html_url":"https://github.com/vuejs/vue-loader/issues/818#issuecomment-304700455","issue_url":"https://api.github.com/repos/vuejs/vue-loader/issues/818","id":304700455,"user":{"login":"DaemonCahill","id":438181,"avatar_url":"https://avatars3.githubusercontent.com/u/438181?v=3","gravatar_id":"","url":"https://api.github.com/users/DaemonCahill","html_url":"https://github.com/DaemonCahill","followers_url":"https://api.github.com/users/DaemonCahill/followers","following_url":"https://api.github.com/users/DaemonCahill/following{/other_user}","gists_url":"https://api.github.com/users/DaemonCahill/gists{/gist_id}","starred_url":"https://api.github.com/users/DaemonCahill/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DaemonCahill/subscriptions","organizations_url":"https://api.github.com/users/DaemonCahill/orgs","repos_url":"https://api.github.com/users/DaemonCahill/repos","events_url":"https://api.github.com/users/DaemonCahill/events{/privacy}","received_events_url":"https://api.github.com/users/DaemonCahill/received_events","type":"User","site_admin":false},"created_at":"2017-05-29T16:55:19Z","updated_at":"2017-05-29T16:55:19Z","body":"@LinusBorg Thanks Linus! I am something of an odd situation where I am writing a proprietary functional component library that need to accommodate both a Vue implementation and exporting to a legacy system with accessible HTML and CSS class names. Using localIdentName appears to be the best way to build the modular infrastructure of the future without necessarily relying on it for absolute guaranteed uniqueness at this point in time.\r\n\r\nCertainly open to suggestions if you have any!   "}}
{"actor":{"display_login":"DaemonCahill"}}