docs: fix a few annotations (#247)

Author: wemsx

builtin/components.md

@@ -282,7 +282,7 @@ hideInToc: true
 - `conversation` (`string`, 默认为: `'none'`): [推文内嵌参数](https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference)
 - `cards` (`'hidden' | 'visible'`, 默认为: `'visible'`): [推文内嵌参数](https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference)
 
-## `VAfter`, `VClick` and `VClicks`
+## `VAfter`, `VClick` 以及 `VClicks`
 
 <LinkCard link="guide/animations#click-animation" />
 

builtin/layouts.md

@@ -38,10 +38,10 @@
 ---
 layout: image-left
 
-# the image source
+# 图片来源
 image: /path/to/the/image
 
-# a custom class name to the content
+# 内容的自定义 class 名称
 class: my-cool-content-on-the-right
 ---
 ```
@@ -56,10 +56,10 @@ class: my-cool-content-on-the-right
 ---
 layout: image-right
 
-# the image source
+# 图片来源
 image: /path/to/the/image
 
-# a custom class name to the content
+# 内容的自定义 class 名称
 class: my-cool-content-on-the-left
 ---
 ```
@@ -74,7 +74,7 @@ class: my-cool-content-on-the-left
 ---
 layout: image
 
-# the image source
+# 图片来源
 image: /path/to/the/image
 ---
 ```
@@ -107,10 +107,10 @@ backgroundSize: 20em 70%
 ---
 layout: iframe-left
 
-# the web page source
+# 网页来源
 url: https://github.com/slidevjs/slidev
 
-# a custom class name to the content
+# 内容的自定义 class 名称
 class: my-cool-content-on-the-right
 ---
 ```
@@ -125,10 +125,10 @@ class: my-cool-content-on-the-right
 ---
 layout: iframe-right
 
-# the web page source
+# 网页来源
 url: https://github.com/slidevjs/slidev
 
-# a custom class name to the content
+# 内容的自定义 class 名称
 class: my-cool-content-on-the-left
 ---
 ```
@@ -143,7 +143,7 @@ class: my-cool-content-on-the-left
 ---
 layout: iframe
 
-# the web page source
+# 网页来源
 url: https://github.com/slidevjs/slidev
 ---
 ```
@@ -179,15 +179,15 @@ url: https://github.com/slidevjs/slidev
 layout: two-cols
 ---
 
-# Left
+# 左
 
-This shows on the left
+这会在左边显示
 
 ::right::
 
-# Right
+# 右
 
-This shows on the right
+这会在右边显示
 ```
 
 ## `two-cols-header`
@@ -201,17 +201,17 @@ This shows on the right
 layout: two-cols-header
 ---
 
-This spans both
+这会横跨两侧
 
 ::left::
 
-# Left
+# 左
 
-This shows on the left
+这会在左边显示
 
 ::right::
 
-# Right
+# 右
 
-This shows on the right
+这会在右边显示
 ```

guide/faq.md

@@ -51,7 +51,7 @@ Slidev 基于 Web，CSS 是定位元素的主要方式。以下是一些有用
 
 ::: code-group
 
-```md [Two columns]
+```md [双栏]
 <div class="grid grid-cols-2 gap-4">
   <div>
     第一列
@@ -62,7 +62,7 @@ Slidev 基于 Web，CSS 是定位元素的主要方式。以下是一些有用
 </div>
 ```
 
-```md [Complex case]
+```md [复杂布局]
 <div class="grid grid-cols-[200px_1fr_10%] gap-4">
   <div>
     第一列 (200px)
@@ -82,7 +82,7 @@ Slidev 基于 Web，CSS 是定位元素的主要方式。以下是一些有用
 
 ::: code-group
 
-```md [Horizontal]
+```md [水平]
 <div class="flex items-center">
   <div>
     第一块
@@ -93,7 +93,7 @@ Slidev 基于 Web，CSS 是定位元素的主要方式。以下是一些有用
 </div>
 ```
 
-```md [Vertical]
+```md [竖直]
 <div class="flex flex-col items-center">
   <div>
     居中的内容