docs: separate props definition to make their types be inferable (#240)

ktsn · web-flow · commit e25fca3c54b8 · 2018-04-17T10:43:17.000+09:00
diff --git a/example/App.vue b/example/App.vue
@@ -17,19 +17,21 @@ import Component from '../lib/index'
 import Hello from './Hello.vue'
 import World from './World'
 
-@Component({
+// We declare the props separately
+// to make props types inferable.
+const AppProps = Vue.extend({
   props: {
     propMessage: String
-  },
+  }
+})
+
+@Component({
   components: {
     Hello,
     World
   }
 })
-export default class App extends Vue {
-  // props have to be declared for typescript
-  propMessage!: string
-
+export default class App extends AppProps {
   // inital data
   msg: number = 123
 
