Skip to content

Commit c4772f4

Browse files
slathropyyx990803
authored andcommitted
docs: grammar and additional info links (#116)
1 parent 69772bd commit c4772f4

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

docs/guide/using-vue.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
Because VuePress applications are server-rendered in Node.js when generating static builds, any Vue usage must conform to the [universal code requirements](https://ssr.vuejs.org/en/universal.html). In short, make sure to only access Browser / DOM APIs in `beforeMounted` or `mounted` hooks.
66

7-
If you are using or demoing a component that is not SSR friendly (for example containing custom directives), you can wrap them inside the built-in `<ClientOnly>` component:
7+
If you are using or demoing components that are not SSR friendly (for example containing custom directives), you can wrap them inside the built-in `<ClientOnly>` component:
88

99
``` md
1010
<ClientOnly>
@@ -58,7 +58,7 @@ Directives also work:
5858

5959
### Access to Site & Page Data
6060

61-
The compiled component does not have any private data but do have access to the [site metadata](./custom-themes.md#site-and-page-metadata). For example:
61+
The compiled component does not have any private data but does have access to the [site metadata](./custom-themes.md#site-and-page-metadata). For example:
6262

6363
**Input**
6464

@@ -96,7 +96,7 @@ By default, fenced code blocks are automatically wrapped with `v-pre`. If you wa
9696

9797
## Using Components
9898

99-
Any `*.vue` file found in `.vuepress/components` are automatically registered as global async components. For example:
99+
Any `*.vue` files found in `.vuepress/components` are automatically registered as [global](https://vuejs.org/v2/guide/components-registration.html#Global-Registration), [async](https://vuejs.org/v2/guide/components-dynamic-async.html#Async-Components) components. For example:
100100

101101
```
102102
.
@@ -118,7 +118,7 @@ Inside any markdown file you can then directly use the components (names are inf
118118
<OtherComponent/>
119119

120120
::: warning IMPORTANT
121-
Make sure a custom component's names either contains a hyphen or is in PascalCase. Otherwise it will be treated as an inline element and wrapped inside a `<p>` tag, which will lead to hydration mismatch because `<p>` does not allow block elements to be placed inside it.
121+
Make sure a custom component's name either contains a hyphen or is in PascalCase. Otherwise it will be treated as an inline element and wrapped inside a `<p>` tag, which will lead to hydration mismatch because `<p>` does not allow block elements to be placed inside it.
122122
:::
123123

124124
## Script & Style Hoisting

0 commit comments

Comments
 (0)