Skip to content

Commit 8f5bf87

Browse files
committed
docs(example): tweak format
1 parent c96c57a commit 8f5bf87

File tree

5 files changed

+19
-21
lines changed

5 files changed

+19
-21
lines changed

example/App.vue

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
<template>
22
<div>
33
<input v-model="msg">
4-
<p>prop: {{propMessage}}</p>
5-
<p>msg: {{msg}}</p>
6-
<p>helloMsg: {{helloMsg}}</p>
7-
<p>computed msg: {{computedMsg}}</p>
4+
<p>prop: {{ propMessage }}</p>
5+
<p>msg: {{ msg }}</p>
6+
<p>helloMsg: {{ helloMsg }}</p>
7+
<p>computed msg: {{ computedMsg }}</p>
8+
<Hello ref="helloComponent" />
9+
<World />
810
<button @click="greet">Greet</button>
9-
<hello ref="helloComponent"></hello>
10-
<World />
1111
</div>
1212
</template>
1313

1414
<script lang="ts">
1515
import Vue from 'vue'
1616
import Component from '../lib/index'
17-
import Hello from './Hello.vue';
18-
import World from './World.tsx'
17+
import Hello from './Hello.vue'
18+
import World from './World'
1919
2020
@Component({
2121
props: {
@@ -36,7 +36,6 @@ export default class App extends Vue {
3636
// use prop values for initial data
3737
helloMsg: string = 'Hello, ' + this.propMessage
3838
39-
4039
// lifecycle hook
4140
mounted () {
4241
this.greet()

example/Hello.vue

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
<template>
2-
<div class="hello">
3-
<h1>Hello Times: {{ helloTimes }}</h1>
4-
</div>
2+
<p>hello times: {{ helloTimes }}</p>
53
</template>
64

75
<script lang="ts">
@@ -11,8 +9,9 @@
119
@Component
1210
export default class Hello extends Vue {
1311
helloTimes: number = 0
14-
sayHello() {
15-
this.helloTimes++;
12+
13+
sayHello () {
14+
this.helloTimes++
1615
}
1716
}
1817
</script>

example/World.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
import Vue ,{ CreateElement } from 'vue'
1+
import Vue, { CreateElement } from 'vue'
22
import Component from '../lib/index'
33

44
@Component
55
export default class World extends Vue {
6-
76
render(h: CreateElement) {
8-
return <h1 > tsx render function </h1>
7+
return <p>This is rendered via TSX</p>
98
}
109
}

example/jsx.d.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
1-
import Vue, { VNode } from "vue";
1+
import Vue, { VNode } from "vue"
2+
23
declare global {
34
namespace JSX {
45
interface Element extends VNode {}
56
interface ElementClass extends Vue {}
67
interface IntrinsicElements {
7-
[elem: string]: any;
8+
[elem: string]: any
89
}
910
}
10-
}
11+
}

example/sfc.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
declare module "*.vue" {
1+
declare module '*.vue' {
22
import Vue from 'vue'
33
export default Vue
44
}

0 commit comments

Comments
 (0)