From 50519c29e23a00f620d465ffc1705b89b08a4245 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Sat, 12 Jun 2021 18:11:41 +0900
Subject: [PATCH 1/4] Fix tip colons

https://github.com/vuejs/docs-next/commit/4f661584abf721bed9aff0e25ffb1ed7c0047ce0
---
 src/api/options-dom.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/api/options-dom.md b/src/api/options-dom.md
index 5aca0f1a..aa3d191c 100644
--- a/src/api/options-dom.md
+++ b/src/api/options-dom.md
@@ -15,7 +15,8 @@
   :::
 
   :::tip Note
-  If render function is present in the Vue option, the template will be ignored.:::
+  If render function is present in the Vue option, the template will be ignored.
+  :::
 
 - **See also:**
   - [Lifecycle Diagram](../guide/instance.html#lifecycle-diagram)

From a698f97eac6f8ef865a3c33fba5ccc51b379c1a5 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Sat, 12 Jun 2021 18:13:54 +0900
Subject: [PATCH 2/4] docs: reduce the reliance on the global Vue in API
 Reference examples

https://github.com/vuejs/docs-next/commit/35f5b524de556d68b03d16e3de756726b178e3aa
---
 src/api/options-dom.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/api/options-dom.md b/src/api/options-dom.md
index aa3d191c..f11407af 100644
--- a/src/api/options-dom.md
+++ b/src/api/options-dom.md
@@ -39,11 +39,12 @@
   ```
 
   ```js
-  const app = Vue.createApp({})
+  const { createApp, h } = Vue
+  const app = createApp({})
 
   app.component('my-title', {
     render() {
-      return Vue.h(
+      return h(
         'h1', // tag name,
         this.blogTitle // tag content
       )

From cf0080933c729e41995ccad462cced06f0ef102f Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Sat, 12 Jun 2021 18:15:44 +0900
Subject: [PATCH 3/4] Mention application mounting changes in migration guide
 and API

https://github.com/vuejs/docs-next/commit/3147cc5791b2cc46aa2f99d8930754c393c5d44c
---
 src/api/options-dom.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/api/options-dom.md b/src/api/options-dom.md
index f11407af..c6eb4385 100644
--- a/src/api/options-dom.md
+++ b/src/api/options-dom.md
@@ -6,7 +6,7 @@
 
 - **Details:**
 
-  A string template to be used as the markup for the component instance. The template will **replace** the mounted element. Any existing markup inside the mounted element will be ignored, unless content distribution slots are present in the template.
+  A string template to be used as the markup for the component instance. The template will **replace** the `innerHTML` of mounted element. Any existing markup inside the mounted element will be ignored, unless content distribution slots are present in the template.
 
   If the string starts with `#` it will be used as a `querySelector` and use the selected element's innerHTML as the template string. This allows the use of the common `<script type="x-template">` trick to include templates.
 

From 6730c21332c694171bacf80c193fb9238816778d Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Sat, 12 Jun 2021 18:55:12 +0900
Subject: [PATCH 4/4] docs: translate api reference > options dom

---
 src/api/options-dom.md | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/api/options-dom.md b/src/api/options-dom.md
index c6eb4385..e29a02a0 100644
--- a/src/api/options-dom.md
+++ b/src/api/options-dom.md
@@ -2,35 +2,35 @@
 
 ## template
 
-- **Type:** `string`
+- **型:** `string`
 
-- **Details:**
+- **詳細:**
 
-  A string template to be used as the markup for the component instance. The template will **replace** the `innerHTML` of mounted element. Any existing markup inside the mounted element will be ignored, unless content distribution slots are present in the template.
+  コンポーネントインスタンスのマークアップとして使われる文字列のテンプレートです。そのテンプレートはマウントされた要素の `innerHTML` を **置換** します。マウントされた要素内の既存マークアップは、テンプレート内にコンテンツ配信スロットが存在しない限り、どれも無視されます。
 
-  If the string starts with `#` it will be used as a `querySelector` and use the selected element's innerHTML as the template string. This allows the use of the common `<script type="x-template">` trick to include templates.
+  文字列が `#` から始まる場合は、`querySelector` として扱われ、テンプレート文字列として選択された要素の innerHTML を使います。これは一般的な `<script type="x-template">` の方法を使って、テンプレートを含むことができます。
 
   :::tip Note
-  From a security perspective, you should only use Vue templates that you can trust. Never use user-generated content as your template.
+  セキュリティの観点からは、あなたが信頼できる Vue テンプレートだけを使うべきです。ユーザが作成したコンテンツをテンプレートとして使ってはいけません。
   :::
 
   :::tip Note
-  If render function is present in the Vue option, the template will be ignored.
+  Render 関数が Vue オプションに存在する場合、テンプレートは無視されます。
   :::
 
-- **See also:**
-  - [Lifecycle Diagram](../guide/instance.html#lifecycle-diagram)
-  - [Content Distribution with Slots](../guide/component-basics.html#content-distribution-with-slots)
+- **参照:**
+  - [ライフサイクルダイアグラム](../guide/instance.html#ライフサイクルダイアグラム)
+  - [スロットによるコンテンツ配信](../guide/component-basics.html#スロットによるコンテンツ配信)
 
 ## render
 
-- **Type:** `Function`
+- **型:** `Function`
 
-- **Details:**
+- **詳細:**
 
-  An alternative to string templates allowing you to leverage the full programmatic power of JavaScript.
+  文字列テンプレートの代わりに、JavaScript のプログラム能力をフル活用することができます。
 
-- **Usage:**
+- **使用方法:**
 
   ```html
   <div id="app" class="demo">
@@ -61,7 +61,7 @@
   ```
 
   :::tip Note
-  The `render` function has priority over the render function compiled from `template` option or in-DOM HTML template of the mounting element
+  `render` 関数は、`template` オプションや、マウントした要素の DOM 内 HTML テンプレートからコンパイルされたレンダリング関数よりも高い優先度を持ちます。
   :::
 
-- **See also:** [Render Functions](../guide/render-function.html)
+- **参照:** [Render 関数](../guide/render-function.html)