Skip to content

Commit 7ae6897

Browse files
authored
docs #2821: fix writing mistakes in letter case (#2828)
* docs: fix writing mistakes in letter case * docs: revert removing 'is' from 'count is'
1 parent 4c1e2c1 commit 7ae6897

File tree

18 files changed

+28
-28
lines changed

18 files changed

+28
-28
lines changed

β€Žsrc/api/built-in-directives.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -451,7 +451,7 @@ Render the element and component once only, and skip future updates.
451451
<span v-once>This will never change: {{msg}}</span>
452452
<!-- the element have children -->
453453
<div v-once>
454-
<h1>comment</h1>
454+
<h1>Comment</h1>
455455
<p>{{msg}}</p>
456456
</div>
457457
<!-- component -->

β€Žsrc/examples/src/list-transition/App/template.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<button @click="insert">insert at random index</button>
2-
<button @click="reset">reset</button>
3-
<button @click="shuffle">shuffle</button>
1+
<button @click="insert">Insert at random index</button>
2+
<button @click="reset">Reset</button>
3+
<button @click="shuffle">Shuffle</button>
44

55
<TransitionGroup tag="ul" name="fade" class="container">
66
<li v-for="item in items" class="item" :key="item">

β€Žsrc/examples/src/modal/App/template.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<!-- use the modal component, pass in the prop -->
55
<modal :show="showModal" @close="showModal = false">
66
<template #header>
7-
<h3>custom header</h3>
7+
<h3>Custom Header</h3>
88
</template>
99
</modal>
1010
</Teleport>

β€Žsrc/examples/src/todomvc/App/template.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<section class="todoapp">
22
<header class="header">
3-
<h1>todos</h1>
3+
<h1>Todos</h1>
44
<input
55
class="new-todo"
66
autofocus

β€Žsrc/guide/built-ins/keep-alive-demos/CompA.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@ const count = ref(0)
55

66
<template>
77
<p>Current component: A</p>
8-
<span style="margin-right: 20px">count: {{ count }}</span>
8+
<span style="margin-right: 20px">Count: {{ count }}</span>
99
<button @click="count++">+</button>
1010
</template>

β€Žsrc/guide/components/attrs.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ When a component renders a single root element, fallthrough attributes will be a
1414

1515
```vue-html
1616
<!-- template of <MyButton> -->
17-
<button>click me</button>
17+
<button>Click Me</button>
1818
```
1919

2020
And a parent using this component with:
@@ -26,7 +26,7 @@ And a parent using this component with:
2626
The final rendered DOM would be:
2727

2828
```html
29-
<button class="large">click me</button>
29+
<button class="large">Click Me</button>
3030
```
3131

3232
Here, `<MyButton>` did not declare `class` as an accepted prop. Therefore, `class` is treated as a fallthrough attribute and automatically added to `<MyButton>`'s root element.
@@ -37,13 +37,13 @@ If the child component's root element already has existing `class` or `style` at
3737

3838
```vue-html
3939
<!-- template of <MyButton> -->
40-
<button class="btn">click me</button>
40+
<button class="btn">Click Me</button>
4141
```
4242

4343
Then the final rendered DOM would now become:
4444

4545
```html
46-
<button class="btn large">click me</button>
46+
<button class="btn large">Click Me</button>
4747
```
4848

4949
### `v-on` Listener Inheritance {#v-on-listener-inheritance}
@@ -112,15 +112,15 @@ Using our `<MyButton>` component example from the [previous section](#attribute-
112112

113113
```vue-html
114114
<div class="btn-wrapper">
115-
<button class="btn">click me</button>
115+
<button class="btn">Click Me</button>
116116
</div>
117117
```
118118

119119
We want all fallthrough attributes like `class` and `v-on` listeners to be applied to the inner `<button>`, not the outer `<div>`. We can achieve this with `inheritAttrs: false` and `v-bind="$attrs"`:
120120

121121
```vue-html{2}
122122
<div class="btn-wrapper">
123-
<button class="btn" v-bind="$attrs">click me</button>
123+
<button class="btn" v-bind="$attrs">Click Me</button>
124124
</div>
125125
```
126126

β€Žsrc/guide/components/events.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ A component can emit custom events directly in template expressions (e.g. in a `
3232

3333
```vue-html
3434
<!-- MyComponent -->
35-
<button @click="$emit('someEvent')">click me</button>
35+
<button @click="$emit('someEvent')">Click Me</button>
3636
```
3737

3838
<div class="options-api">

β€Žsrc/guide/components/v-model.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ function update() {
1919
</script>
2020
2121
<template>
22-
<div>parent bound v-model is: {{ model }}</div>
22+
<div>Parent bound v-model is: {{ model }}</div>
2323
</template>
2424
```
2525

β€Žsrc/guide/essentials/watchers.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@ const obj = reactive({ count: 0 })
141141

142142
// this won't work because we are passing a number to watch()
143143
watch(obj.count, (count) => {
144-
console.log(`count is: ${count}`)
144+
console.log(`Count is: ${count}`)
145145
})
146146
```
147147

@@ -152,7 +152,7 @@ Instead, use a getter:
152152
watch(
153153
() => obj.count,
154154
(count) => {
155-
console.log(`count is: ${count}`)
155+
console.log(`Count is: ${count}`)
156156
}
157157
)
158158
```

β€Žsrc/guide/extras/reactivity-in-depth.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -191,7 +191,7 @@ import { ref, watchEffect } from 'vue'
191191
const count = ref(0)
192192

193193
watchEffect(() => {
194-
document.body.innerHTML = `count is: ${count.value}`
194+
document.body.innerHTML = `Count is: ${count.value}`
195195
})
196196

197197
// updates the DOM

β€Žsrc/guide/extras/render-function.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -367,7 +367,7 @@ h(
367367
/* ... */
368368
}
369369
},
370-
'click me'
370+
'Click Me'
371371
)
372372
```
373373

@@ -377,7 +377,7 @@ h(
377377
/* ... */
378378
}}
379379
>
380-
click me
380+
Click Me
381381
</button>
382382
```
383383

β€Žsrc/guide/quick-start.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -394,7 +394,7 @@ export default {
394394
data() {
395395
return { count: 0 }
396396
},
397-
template: `<div>count is {{ count }}</div>`
397+
template: `<div>Count is: {{ count }}</div>`
398398
}
399399
```
400400

@@ -409,7 +409,7 @@ export default {
409409
const count = ref(0)
410410
return { count }
411411
},
412-
template: `<div>count is {{ count }}</div>`
412+
template: `<div>Count is: {{ count }}</div>`
413413
}
414414
```
415415

β€Žsrc/tutorial/src/step-2/description.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ Properties in the returned object will be made available in the template. This i
6363

6464
```vue-html
6565
<h1>{{ message }}</h1>
66-
<p>count is: {{ counter.count }}</p>
66+
<p>Count is: {{ counter.count }}</p>
6767
```
6868

6969
Notice how we did not need to use `.value` when accessing the `message` ref in templates: it is automatically unwrapped for more succinct usage.
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
11
<!-- make this button work -->
2-
<button>count is: {{ count }}</button>
2+
<button>Count is: {{ count }}</button>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<button @click="increment">count is: {{ count }}</button>
1+
<button @click="increment">Count is: {{ count }}</button>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<button @click="toggle">toggle</button>
1+
<button @click="toggle">Toggle</button>
22
<h1>Vue is awesome!</h1>
33
<h1>Oh no 😒</h1>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<button @click="toggle">toggle</button>
1+
<button @click="toggle">Toggle</button>
22
<h1 v-if="awesome">Vue is awesome!</h1>
33
<h1 v-else>Oh no 😒</h1>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<p ref="pElementRef">hello</p>
1+
<p ref="pElementRef">Hello</p>

0 commit comments

Comments
Β (0)