You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/vue/README.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -76,14 +76,14 @@ import {
76
76
77
77
### Usage inside Markdown files
78
78
79
-
If you're using a static site generator like [VuePress](https://vuepress.vuejs.org/) and want to use these components inside your Markdown files, you should use it as such:
79
+
If you're using a static site generator like [VuePress 2](https://v2.vuepress.vuejs.org/) and want to use these components inside your Markdown files, you should use them with PascalCase names:
80
80
81
81
```html
82
-
<divis="discord-messages">
83
-
<discord-message>
82
+
<DiscordMessages>
83
+
<DiscordMessage>
84
84
...
85
-
</discord-message>
86
-
</div>
85
+
</DiscordMessage>
86
+
</DiscordMessages>
87
87
```
88
88
89
89
This is the recommended approach due to how VuePress renders Markdown and HTML inside Markdown files. It doesn't recognize `<discord-messages>` as an HTML element, therefore rendering anything indented inside it as a regular codeblock.
0 commit comments