From 06b2ab5451340d23f6837526da9814a14d854846 Mon Sep 17 00:00:00 2001
From: Shane Rosenthal <srosenthal82@gmail.com>
Date: Fri, 6 Feb 2026 07:20:46 -0500
Subject: [PATCH] fix: capitalize On/Off JS event function names in mobile docs

The JavaScript API exports On and Off (capitalized) per native.d.ts,
but the docs showed on/off (lowercase). Updated all references in:
- resources/views/docs/mobile/3/the-basics/events.md
- resources/views/docs/mobile/3/the-basics/native-functions.md

This aligns the documentation with the actual mobile-air source code.
---
 .../views/docs/mobile/3/the-basics/events.md   | 18 +++++++++---------
 .../mobile/3/the-basics/native-functions.md    |  6 +++---
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/resources/views/docs/mobile/3/the-basics/events.md b/resources/views/docs/mobile/3/the-basics/events.md
index 6036f1de..de179ef1 100644
--- a/resources/views/docs/mobile/3/the-basics/events.md
+++ b/resources/views/docs/mobile/3/the-basics/events.md
@@ -107,7 +107,7 @@ Events are 'broadcast' to the frontend of your application via the web view thro
 easily listen for these events through JavaScript in a few ways:
 
 - The globally available `Native.on()` helper
-- Directly importing the `on` function
+- Directly importing the `On` function
 - The `#[OnNative()]` PHP attribute Livewire extension
 
 <aside>
@@ -133,7 +133,7 @@ Register the event listener directly in JavaScript:
 
 This approach is useful if you're not using any particular frontend JavaScript framework.
 
-#### The `on` import
+#### The `On` import
 
 <aside>
 
@@ -141,17 +141,17 @@ Make sure you've [set up the `Native` plugin](native-functions#install-the-plugi
 
 </aside>
 
-If you're using a SPA framework like Vue or React, it's more convenient to import the `on` function directly to
+If you're using a SPA framework like Vue or React, it's more convenient to import the `On` function directly to
 register your event listeners. Here's an example using the amazing Vue:
 
 ```js
-import { on, Events } from '#nativephp';
+import { On, Events } from '#nativephp';
 import { onMounted } from 'vue';
 
 const handleButtonPressed = (payload: any) => {};
 
 onMounted(() => {
-    on(Events.Alert.ButtonPressed, handleButtonPressed);
+    On(Events.Alert.ButtonPressed, handleButtonPressed);
 });
 ```
 
@@ -159,17 +159,17 @@ Note how we're also using the `Events` object above to simplify our use of built
 classes, you will need to reference these by their full name:
 
 ```js
-on('App\\Events\\MyButtonPressedEvent', handleButtonPressed);
+On('App\\Events\\MyButtonPressedEvent', handleButtonPressed);
 ```
 
-In SPA land, don't forget to de-register your event handlers using the `off` function too:
+In SPA land, don't forget to de-register your event handlers using the `Off` function too:
 
 ```js
-import { off, Events } from '#nativephp';
+import { Off, Events } from '#nativephp';
 import { onUnmounted } from 'vue';
 
 onUnmounted(() => {
-    off(Events.Alert.ButtonPressed, handleButtonPressed);
+    Off(Events.Alert.ButtonPressed, handleButtonPressed);
 });
 ```
 
diff --git a/resources/views/docs/mobile/3/the-basics/native-functions.md b/resources/views/docs/mobile/3/the-basics/native-functions.md
index 450366ae..4a5eb15d 100644
--- a/resources/views/docs/mobile/3/the-basics/native-functions.md
+++ b/resources/views/docs/mobile/3/the-basics/native-functions.md
@@ -52,7 +52,7 @@ section to the JSON:
 Run `npm install`, then in your JavaScript, simply import the relevant functions from the plugin:
 
 ```js
-import { on, off, Microphone, Events } from '#nativephp';
+import { On, Off, Microphone, Events } from '#nativephp';
 import { onMounted, onUnmounted } from 'vue';
 
 const buttonClicked = () => {
@@ -64,11 +64,11 @@ const handleRecordingFinished = () => {
 };
 
 onMounted(() => {
-    on(Events.Microphone.MicrophoneRecorded, handleRecordingFinished);
+    On(Events.Microphone.MicrophoneRecorded, handleRecordingFinished);
 });
 
 onUnmounted(() => {
-    off(Events.Microphone.MicrophoneRecorded, handleRecordingFinished);
+    Off(Events.Microphone.MicrophoneRecorded, handleRecordingFinished);
 });
 ```