chore: example update

Author: yyx990803

Diff for: example/App.vue

@@ -1,21 +1,31 @@
 <template>
-  <img class="logo" src="./logo.png">
-  <Button>slotttt</Button>
-  <Button>slot content</Button>
-  <Button>slot content</Button>
+  <img :class="$style.logo" src="./logo.png">
+  <div>
+    {{ count }}
+    <span>{{ count }}</span>
+    <Button>slotttt</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 }
+  },
   components: {
     Button
   }
 }
 </script>
 
-<style>
+<style module>
 .logo {
   width: 100px;
   border: 1px solid red;

Diff for: example/Button.vue

@@ -16,3 +16,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+::v-slotted(*) {
+  color: red;
+}
+</style>

Diff for: example/webpack.config.js

@@ -15,9 +15,6 @@ module.exports = {
     stats: "minimal",
     contentBase: __dirname
   },
-  optimization: {
-    minimize: false
-  },
   module: {
     rules: [
       {
@@ -49,11 +46,6 @@ module.exports = {
       }
     ]
   },
-  resolve: {
-    alias: {
-      'vue': '@vue/runtime-dom'
-    }
-  },
   resolveLoader: {
     alias: {
       'vue-loader': require.resolve('../')