From 07e95ad4ab37a45cb4abfa615d3b0fb2b958d340 Mon Sep 17 00:00:00 2001
From: Maxim Wilman <mwilman@brockhaus-ag.de>
Date: Tue, 16 Sep 2025 21:22:42 +0200
Subject: [PATCH 1/4] Update instructions for photo deletion functionality

fixed deprecated substr => substring. otherwise it did not work. Also specified which IDE you make changes
---
 docs/angular/your-first-app/7-live-reload.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/angular/your-first-app/7-live-reload.md b/docs/angular/your-first-app/7-live-reload.md
index 26fe3b4fbf0..f946a9b87b6 100644
--- a/docs/angular/your-first-app/7-live-reload.md
+++ b/docs/angular/your-first-app/7-live-reload.md
@@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your IDE, NOT Android or IOS IDE, open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
 
 ```html
 <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
@@ -98,7 +98,7 @@ public async deletePicture(photo: UserPhoto, position: number) {
 
   // delete photo file from filesystem
   const filename = photo.filepath
-                      .substr(photo.filepath.lastIndexOf('/') + 1);
+                      .substring(photo.filepath.lastIndexOf('/') + 1);
 
   await Filesystem.deleteFile({
     path: filename,

From ed4835a100f74d1973b04cf094a6121a05715cb2 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 15 Oct 2025 11:27:40 -0400
Subject: [PATCH 2/4] docs(your-first-app): update all framework guides for
 photo deletion

---
 docs/angular/your-first-app/7-live-reload.md                  | 2 +-
 docs/react/your-first-app/7-live-reload.md                    | 4 ++--
 docs/vue/your-first-app/7-live-reload.md                      | 4 ++--
 .../version-v5/angular/your-first-app/7-live-reload.md        | 4 ++--
 .../version-v5/react/your-first-app/7-live-reload.md          | 4 ++--
 versioned_docs/version-v5/vue/your-first-app/7-live-reload.md | 4 ++--
 .../version-v6/angular/your-first-app/7-live-reload.md        | 4 ++--
 .../version-v6/react/your-first-app/7-live-reload.md          | 4 ++--
 versioned_docs/version-v6/vue/your-first-app/7-live-reload.md | 4 ++--
 .../version-v7/angular/your-first-app/7-live-reload.md        | 4 ++--
 .../version-v7/react/your-first-app/7-live-reload.md          | 4 ++--
 versioned_docs/version-v7/vue/your-first-app/7-live-reload.md | 4 ++--
 12 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/docs/angular/your-first-app/7-live-reload.md b/docs/angular/your-first-app/7-live-reload.md
index f946a9b87b6..e6d0afe17f9 100644
--- a/docs/angular/your-first-app/7-live-reload.md
+++ b/docs/angular/your-first-app/7-live-reload.md
@@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your IDE, NOT Android or IOS IDE, open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
 
 ```html
 <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
diff --git a/docs/react/your-first-app/7-live-reload.md b/docs/react/your-first-app/7-live-reload.md
index 023da7a8844..15d4f643f2f 100644
--- a/docs/react/your-first-app/7-live-reload.md
+++ b/docs/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
@@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) });
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/docs/vue/your-first-app/7-live-reload.md b/docs/vue/your-first-app/7-live-reload.md
index 9c0cb476b80..ea436f94832 100644
--- a/docs/vue/your-first-app/7-live-reload.md
+++ b/docs/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
@@ -96,7 +96,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   photos.value = photos.value.filter((p) => p.filepath !== photo.filepath);
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md b/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md
index fdce9ac6848..d914d9cd21a 100644
--- a/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
 
 ```html
 <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
@@ -92,7 +92,7 @@ public async deletePicture(photo: UserPhoto, position: number) {
 
   // delete photo file from filesystem
   const filename = photo.filepath
-                      .substr(photo.filepath.lastIndexOf('/') + 1);
+                      .substring(photo.filepath.lastIndexOf('/') + 1);
 
   await Filesystem.deleteFile({
     path: filename,
diff --git a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md
index c7bc374b712..3eccbc90069 100644
--- a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
@@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) });
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
index 126f166afca..2c8221ab49c 100644
--- a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
@@ -111,7 +111,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   photos.value = photos.value.filter((p) => p.filepath !== photo.filepath);
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md b/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md
index 26fe3b4fbf0..e6d0afe17f9 100644
--- a/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md
@@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
 
 ```html
 <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
@@ -98,7 +98,7 @@ public async deletePicture(photo: UserPhoto, position: number) {
 
   // delete photo file from filesystem
   const filename = photo.filepath
-                      .substr(photo.filepath.lastIndexOf('/') + 1);
+                      .substring(photo.filepath.lastIndexOf('/') + 1);
 
   await Filesystem.deleteFile({
     path: filename,
diff --git a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md
index 2d37c4efdba..42af8d02d08 100644
--- a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
@@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) });
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
index a76c6e6622e..b58de20ddba 100644
--- a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
@@ -111,7 +111,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   photos.value = photos.value.filter((p) => p.filepath !== photo.filepath);
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md b/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md
index 26fe3b4fbf0..e6d0afe17f9 100644
--- a/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md
@@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `<ion-img>` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog.
 
 ```html
 <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
@@ -98,7 +98,7 @@ public async deletePicture(photo: UserPhoto, position: number) {
 
   // delete photo file from filesystem
   const filename = photo.filepath
-                      .substr(photo.filepath.lastIndexOf('/') + 1);
+                      .substring(photo.filepath.lastIndexOf('/') + 1);
 
   await Filesystem.deleteFile({
     path: filename,
diff --git a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md
index 023da7a8844..b05e5208204 100644
--- a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
@@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) });
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,
diff --git a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md
index 9c0cb476b80..ace5a76434b 100644
--- a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
@@ -96,7 +96,7 @@ const deletePhoto = async (photo: UserPhoto) => {
   photos.value = photos.value.filter((p) => p.filepath !== photo.filepath);
 
   // delete photo file from filesystem
-  const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1);
+  const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1);
   await Filesystem.deleteFile({
     path: filename,
     directory: Directory.Data,

From bc424043233b5fe9c4d612766e43ae9d28e0a3fe Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 15 Oct 2025 12:56:14 -0400
Subject: [PATCH 3/4] copy editing

---
 versioned_docs/version-v5/react/your-first-app/7-live-reload.md | 2 +-
 versioned_docs/version-v5/vue/your-first-app/7-live-reload.md   | 2 +-
 versioned_docs/version-v6/react/your-first-app/7-live-reload.md | 2 +-
 versioned_docs/version-v6/vue/your-first-app/7-live-reload.md   | 2 +-
 versioned_docs/version-v7/react/your-first-app/7-live-reload.md | 2 +-
 versioned_docs/version-v7/vue/your-first-app/7-live-reload.md   | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md
index 3eccbc90069..83cae9425c3 100644
--- a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
diff --git a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
index 2c8221ab49c..4a3db50246d 100644
--- a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
diff --git a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md
index 42af8d02d08..992b4ce0eaa 100644
--- a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
diff --git a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
index b58de20ddba..73aeaae5237 100644
--- a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
diff --git a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md
index b05e5208204..15d4f643f2f 100644
--- a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook:
 
 ```tsx
 import React, { useState } from 'react';
diff --git a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md
index ace5a76434b..ea436f94832 100644
--- a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {

From a310d6f7013ef5bb88f9cc55627c62e8b33139fe Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 15 Oct 2025 12:59:06 -0400
Subject: [PATCH 4/4] bad find & replace

---
 versioned_docs/version-v5/vue/your-first-app/7-live-reload.md | 2 +-
 versioned_docs/version-v6/vue/your-first-app/7-live-reload.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
index 4a3db50246d..cbc49e8ef31 100644
--- a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {
diff --git a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
index 73aeaae5237..c33610800f9 100644
--- a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
+++ b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md
@@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if
 
 ## Deleting Photos
 
-With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
+With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo:
 
 ```tsx
 import {