docs: translate step 11 of tutorial

src/tutorial/src/step-11/App/composition.js

@@ -1,3 +1,3 @@
 export default {
-  // register component
+  // 註冊組件
 }

src/tutorial/src/step-11/App/options.js

@@ -1,3 +1,3 @@
 export default {
-  // register child component
+  // 註冊子組件
 }

src/tutorial/src/step-11/App/template.html

@@ -1 +1 @@
-<!-- render child component -->
+<!-- 渲染子組件 -->

src/tutorial/src/step-11/description.md

@@ -1,8 +1,8 @@
-# 组件 {#components}
+# 組件 {#components}
 
-目前为止，我们只使用了单个组件。真正的 Vue 应用往往是由嵌套组件创建的。
+目前為止，我們只使用了單個組件。真正的 Vue 應用往往是由嵌套組件創建的。
 
-父组件可以在模板中渲染另一个组件作为子组件。要使用子组件，我们需要先导入它：
+父組件可以在模板中渲染另一個組件作為子組件。要使用子組件，我們需要先引入它：
 
 <div class="composition-api">
 <div class="sfc">
@@ -27,14 +27,14 @@ export default {
 }
 ```
 
-我们还需要使用 `components` 选项注册组件。这里我们使用对象属性的简写形式在 `ChildComp` 键下注册 `ChildComp` 组件。
+我們還需要使用 `components` 選項註冊組件。這裡我們使用對象屬性的簡寫形式在 `ChildComp` 鍵下注冊 `ChildComp` 組件。
 
 </div>
 </div>
 
 <div class="sfc">
 
-然后我们就可以在模板中使用组件，就像这样：
+然後我們就可以在模板中使用組件，就像這樣：
 
 ```vue-html
 <ChildComp />
@@ -54,9 +54,9 @@ createApp({
 })
 ```
 
-我们还需要使用 `components` 选项注册组件。这里我们使用对象属性的简写形式在 `ChildComp` 键下注册 `ChildComp` 组件。
+我們還需要使用 `components` 選項註冊組件。這裡我們使用對象屬性的簡寫形式在 `ChildComp` 鍵下注冊 `ChildComp` 組件。
 
-因为我们是在 DOM 中编写模板语法，因此需要遵循浏览器的大小写敏感的标签解析规则。所以，我们需要使用 kebab-case 的名字来引用子组件：
+因為我們是在 DOM 中編寫模板語法，因此需要遵循瀏覽器的大小寫敏感的標籤解析規則。所以，我們需要使用 kebab-case 的名字來引用子組件：
 
 ```vue-html
 <child-comp></child-comp>
@@ -65,4 +65,4 @@ createApp({
 </div>
 
 
-现在自己尝试一下——导入子组件并在模板中渲染它。
+現在自己嘗試一下——導入子組件並在模板中渲染它。