Skip to content

Commit 220a3ae

Browse files
committed
fixed formatting
1 parent 7a12a9a commit 220a3ae

File tree

1 file changed

+25
-29
lines changed

1 file changed

+25
-29
lines changed
Lines changed: 25 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,33 @@
11
<template>
2-
<vue-content-loading v-bind="$attrs" :width="230" :height="height">
3-
<template v-for="i in rows">
4-
<circle cx="8" :cy="getYPos(i, 8)" r="8" :key="i + '_c'" />
5-
<rect x="22" :y="getYPos(i, 3)" rx="3" ry="3" width="200" height="9" :key="i + '_r'" />
6-
</template>
7-
</vue-content-loading>
2+
<vue-content-loading v-bind="$attrs" :width="230" :height="height">
3+
<template v-for="i in rows">
4+
<circle :key="i + '_c'" cx="8" :cy="getYPos(i, 8)" r="8" />
5+
<rect :key="i + '_r'" x="22" :y="getYPos(i, 3)" rx="3" ry="3" width="200" height="9" />
6+
</template>
7+
</vue-content-loading>
88
</template>
99

1010
<script>
11-
import VueContentLoading from 'vue-content-loading';
12-
13-
export default {
14-
components: {
15-
VueContentLoading,
16-
},
17-
18-
props: {
19-
rows: {
20-
default: 5,
21-
type: Number,
11+
import VueContentLoading from '../VueContentLoading.vue';
12+
export default {
13+
components: {
14+
VueContentLoading,
2215
},
23-
},
24-
25-
computed: {
26-
height() {
27-
return this.rows * 21;
16+
props: {
17+
rows: {
18+
default: 5,
19+
type: Number,
20+
},
2821
},
29-
},
30-
31-
methods: {
32-
getYPos(row, plus) {
33-
return plus + ((row - 1) * 22);
22+
computed: {
23+
height () {
24+
return this.rows * 21;
25+
},
26+
},
27+
methods: {
28+
getYPos (row, plus) {
29+
return plus + ((row - 1) * 22);
30+
},
3431
},
35-
},
36-
};
32+
};
3733
</script>

0 commit comments

Comments
 (0)