diff --git a/example/App.vue b/example/App.vue
index 51919f872..64f33908d 100644
--- a/example/App.vue
+++ b/example/App.vue
@@ -1,21 +1,16 @@
 <template>
-  <img :class="$style.logo" src="./logo.png">
+  <img class="logo" src="./logo.png">
   <div>
     {{ count }}
     <span>{{ count }}</span>
-    <Button>slotttt</Button>
+    <Button><span>slot</span></Button>
   </div>
 </template>
 
 <script>
-import { useCSSModule } from 'vue'
 import Button from './Button.vue'
 
 export default {
-  setup() {
-    const styles = useCSSModule()
-    console.log('hmm')
-  },
   data() {
     return { count: 0 }
   },
@@ -25,7 +20,7 @@ export default {
 }
 </script>
 
-<style module>
+<style scoped>
 .logo {
   width: 100px;
   border: 1px solid red;
diff --git a/example/Button.vue b/example/Button.vue
index 29dbe1c1c..aeee4db36 100644
--- a/example/Button.vue
+++ b/example/Button.vue
@@ -19,6 +19,6 @@ export default {
 
 <style scoped>
 ::v-slotted(*) {
-  color: red;
+  color: green;
 }
 </style>
diff --git a/example/webpack.config.js b/example/webpack.config.js
index 52d48b931..3c3b710ee 100644
--- a/example/webpack.config.js
+++ b/example/webpack.config.js
@@ -11,10 +11,6 @@ module.exports = {
     filename: 'bundle.js',
     publicPath: '/dist/'
   },
-  devServer: {
-    stats: "minimal",
-    contentBase: __dirname
-  },
   module: {
     rules: [
       {
@@ -46,15 +42,20 @@ module.exports = {
       }
     ]
   },
-  resolveLoader: {
-    alias: {
-      'vue-loader': require.resolve('../')
-    }
-  },
   plugins: [
     new VueLoaderPlugin(),
     new MiniCssExtractPlugin({
       filename: '[name].css'
     })
-  ]
+  ],
+  devServer: {
+    stats: "minimal",
+    contentBase: __dirname,
+    overlay: true
+  },
+  resolveLoader: {
+    alias: {
+      'vue-loader': require.resolve('../')
+    }
+  }
 }