From ba6e4b8f52c91f254ffb27c6607ab523c7666dd3 Mon Sep 17 00:00:00 2001
From: Steve Bauman <steven_bauman@outlook.com>
Date: Wed, 9 Oct 2024 11:11:26 -0400
Subject: [PATCH 1/2] Add docs about capturing event listeners in child
 components

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

diff --git a/src/api/options-state.md b/src/api/options-state.md
index b975a50f54..d7072e2f5e 100644
--- a/src/api/options-state.md
+++ b/src/api/options-state.md
@@ -433,6 +433,21 @@ Declare the custom events emitted by the component.
   }
   ```
 
+Listeners on events may be captured in components by defining them as properties with the naming scheme of `on{Event}`:
+
+> If an event contains a colon, use the naming scheme `on{Event}:{event}`.
+
+```js
+export default {
+  props: {
+    onCheck: Function,
+    'onClick:export': Function,
+  },
+
+  emits: ['check', 'click:export'],
+}
+```
+
 - **See also**
   - [Guide - Fallthrough Attributes](/guide/components/attrs)
   - [Guide - Typing Component Emits](/guide/typescript/options-api#typing-component-emits) <sup class="vt-badge ts" />

From 636f4b3bed2a488ab4b65881657a374bba340469 Mon Sep 17 00:00:00 2001
From: Steve Bauman <steven_bauman@outlook.com>
Date: Wed, 9 Oct 2024 11:13:01 -0400
Subject: [PATCH 2/2] Spacing

---
 src/api/options-state.md | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/api/options-state.md b/src/api/options-state.md
index d7072e2f5e..7a1361d130 100644
--- a/src/api/options-state.md
+++ b/src/api/options-state.md
@@ -433,20 +433,20 @@ Declare the custom events emitted by the component.
   }
   ```
 
-Listeners on events may be captured in components by defining them as properties with the naming scheme of `on{Event}`:
-
-> If an event contains a colon, use the naming scheme `on{Event}:{event}`.
-
-```js
-export default {
-  props: {
-    onCheck: Function,
-    'onClick:export': Function,
-  },
-
-  emits: ['check', 'click:export'],
-}
-```
+  Listeners on events may be captured in components by defining them as properties with the naming scheme of `on{Event}`:
+  
+  > If an event contains a colon, use the naming scheme `on{Event}:{event}`.
+  
+  ```js
+  export default {
+    props: {
+      onCheck: Function,
+      'onClick:export': Function,
+    },
+  
+    emits: ['check', 'click:export'],
+  }
+  ```
 
 - **See also**
   - [Guide - Fallthrough Attributes](/guide/components/attrs)