docs: update example with props helper

ktsn · ktsn · commit a5e6ad5af69a · 2020-09-13T22:01:06.000+08:00
diff --git a/example/src/App.vue b/example/src/App.vue
@@ -12,16 +12,13 @@
 </template>
 
 <script lang="ts">
-import { Options, Vue } from '../../src'
+import { props } from '../../src'
 
-@Options({
-  props: {
-    propMessage: String
-  }
+const Props = props({
+  propMessage: String
 })
-export default class App extends Vue {
-  propMessage!: string
 
+export default class App extends Props {
   // inital data
   msg: number = 123
 
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -32,7 +32,18 @@ module.exports = {
       },
       {
         test: /\.vue$/,
-        use: ['vue-loader'],
+        use: [
+          {
+            loader: 'vue-loader',
+            options: {
+              babelParserPlugins: [
+                'jsx',
+                'classProperties',
+                'decorators-legacy',
+              ],
+            },
+          },
+        ],
       },
     ],
   },
