Make scoped styles working

Author: Kocal

fixtures/vuejs-jsx/components/Hello.css

@@ -1,17 +1,17 @@
-h1, h2 {
+.h1, .h2 {
   font-weight: normal;
 }
 
-ul {
+.ul {
   list-style-type: none;
   padding: 0;
 }
 
-li {
+.li {
   display: inline-block;
   margin: 0 10px;
 }
 
-a {
+.a {
   color: #42b983;
 }

fixtures/vuejs-jsx/components/Hello.jsx

@@ -1,4 +1,4 @@
-import './Hello.css';
+import styles from './Hello.css?module';
 
 export default {
   name: 'hello',
@@ -10,22 +10,22 @@ export default {
   render() {
     return (
       <div class="hello">
-        <h1>{this.msg}</h1>
-        <h2>Essential Links</h2>
-        <ul>
-          <li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>
-          <li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>
-          <li><a href="https://gitter.im/vuejs/vue" target="_blank">Gitter Chat</a></li>
-          <li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
+        <h1 class={styles.h1}>{this.msg}</h1>
+        <h2 class={styles.h2}>Essential Links</h2>
+        <ul class={styles.ul}>
+          <li class={styles.li}><a class={styles.a} href="https://vuejs.org" target="_blank">Core Docs</a></li>
+          <li class={styles.li}><a class={styles.a} href="https://forum.vuejs.org" target="_blank">Forum</a></li>
+          <li class={styles.li}><a class={styles.a} href="https://gitter.im/vuejs/vue" target="_blank">Gitter Chat</a></li>
+          <li class={styles.li}><a class={styles.a} href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
           <br/>
-          <li><a href="http://vuejs-templates.github.io/webpack/" target="_blank">Docs for This Template</a></li>
+          <li class={styles.li}><a class={styles.a} href="http://vuejs-templates.github.io/webpack/" target="_blank">Docs for This Template</a></li>
         </ul>
-        <h2>Ecosystem</h2>
-        <ul>
-          <li><a href="http://router.vuejs.org/" target="_blank">vue-router</a></li>
-          <li><a href="http://vuex.vuejs.org/" target="_blank">vuex</a></li>
-          <li><a href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li>
-          <li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>
+        <h2 class={styles.h2}>Ecosystem</h2>
+        <ul class={styles.ul}>
+          <li class={styles.li}><a class={styles.a} href="http://router.vuejs.org/" target="_blank">vue-router</a></li>
+          <li class={styles.li}><a class={styles.a} href="http://vuex.vuejs.org/" target="_blank">vuex</a></li>
+          <li class={styles.li}><a class={styles.a} href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li>
+          <li class={styles.li}><a class={styles.a} href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>
         </ul>
       </div>
     );