From cd47f3ba50255665684ad099b8bed853499947c0 Mon Sep 17 00:00:00 2001
From: harapeko <gmail@harapeko.dev>
Date: Fri, 19 Mar 2021 04:58:20 +0900
Subject: [PATCH] =?UTF-8?q?update=20emit=E3=81=AE=E6=8C=87=E5=AE=9A?=
 =?UTF-8?q?=E3=82=92camel=E3=81=AB=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F(?=
 =?UTF-8?q?=E5=8E=9F=E6=96=87=E3=81=AB=E8=BF=BD=E5=BE=93)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/instance-methods.md          | 12 ++++++++----
 src/guide/component-basics.md        |  6 +++---
 src/guide/component-custom-events.md |  2 +-
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/api/instance-methods.md b/src/api/instance-methods.md
index d56904c3..e042a22a 100644
--- a/src/api/instance-methods.md
+++ b/src/api/instance-methods.md
@@ -192,7 +192,7 @@
   ```
 
   ```js
-  const app = Vue.createApp({
+  const app = createApp({
     methods: {
       sayHi() {
         console.log('Hi!')
@@ -201,6 +201,7 @@
   })
 
   app.component('welcome-button', {
+    emits: ['welcome'],
     template: `
       <button v-on:click="$emit('welcome')">
         Click me to be welcomed
@@ -215,12 +216,12 @@
 
   ```html
   <div id="emit-example-argument">
-    <advice-component v-on:give-advice="showAdvice"></advice-component>
+    <advice-component v-on:advise="showAdvice"></advice-component>
   </div>
   ```
 
   ```js
-  const app = Vue.createApp({
+  const app = createApp({
     methods: {
       showAdvice(advice) {
         alert(advice)
@@ -229,6 +230,7 @@
   })
 
   app.component('advice-component', {
+    emits: ['advise'],
     data() {
       return {
         adviceText: 'Some advice'
@@ -237,12 +239,14 @@
     template: `
       <div>
         <input type="text" v-model="adviceText">
-        <button v-on:click="$emit('give-advice', adviceText)">
+        <button v-on:click="$emit('advise', adviceText)">
           Click me for sending advice
         </button>
       </div>
     `
   })
+
+  app.mount('#emit-example-argument')
   ```
 
 - **See also:**
diff --git a/src/guide/component-basics.md b/src/guide/component-basics.md
index c114a07f..4f8dacc3 100644
--- a/src/guide/component-basics.md
+++ b/src/guide/component-basics.md
@@ -233,7 +233,7 @@ app.component('blog-post', {
 そして子コンポーネントはビルトインの [**`$emit`** メソッド](../api/instance-methods.html#emit)にイベントの名前を渡して呼び出すことで、イベントを送出することができます:
 
 ```html
-<button @click="$emit('enlarge-text')">
+<button @click="$emit('enlargeText')">
   Enlarge text
 </button>
 ```
@@ -252,7 +252,7 @@ app.component('blog-post', {
 ```js
 app.component('blog-post', {
   props: ['title'],
-  emits: ['enlarge-text']
+  emits: ['enlargeText']
 })
 ```
 
@@ -263,7 +263,7 @@ app.component('blog-post', {
 イベントを特定の値と一緒に送出すると便利な場合があります。例えば、テキストをどれだけ大きく表示するかを `<blog-post>` コンポーネントの責務とさせたいかもしれません。そのような場合、 `$emit` の第二引数を使ってこの値を渡すことができます:
 
 ```html
-<button @click="$emit('enlarge-text', 0.1)">
+<button @click="$emit('enlargeText', 0.1)">
   Enlarge text
 </button>
 ```
diff --git a/src/guide/component-custom-events.md b/src/guide/component-custom-events.md
index ce7d257a..7efddb72 100644
--- a/src/guide/component-custom-events.md
+++ b/src/guide/component-custom-events.md
@@ -27,7 +27,7 @@ this.$emit('myEvent')
 
 ```js
 app.component('custom-form', {
-  emits: ['in-focus', 'submit']
+  emits: ['inFocus', 'submit']
 })
 ```