docs(vue): update existing code comment

Author: thetaPC

docs/vue/your-first-app/2-taking-photos.md

@@ -111,7 +111,7 @@ To define the data structure for our photo metadata, create a new interface name
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 };
 
 // CHANGE: Add the `UserPhoto` interface.
@@ -128,7 +128,7 @@ export const usePhotoGallery = () => {
   // CHANGE: Add the `photos` array.
   const photos = ref<UserPhoto[]>([]);
 
-  // Same old code from before.
+  // ...existing code...
 };
 ```
 

docs/vue/your-first-app/3-saving-photos.md

@@ -24,7 +24,7 @@ import { Filesystem, Directory } from '@capacitor/filesystem';
 import { Preferences } from '@capacitor/preferences';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add the `savePicture()` method.
   const savePicture = async (photo: Photo, fileName: string): Promise<UserPhoto> => {
@@ -55,7 +55,7 @@ import { Filesystem, Directory } from '@capacitor/filesystem';
 import { Preferences } from '@capacitor/preferences';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Update the `addNewToGallery()` method.
   const addNewToGallery = async () => {
@@ -107,7 +107,7 @@ import { Filesystem, Directory } from '@capacitor/filesystem';
 import { Preferences } from '@capacitor/preferences';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Update the `savePicture()` method.
   const savePicture = async (photo: Photo, fileName: string): Promise<UserPhoto> => {

docs/vue/your-first-app/4-loading-photos.md

@@ -26,15 +26,15 @@ export const usePhotoGallery = () => {
   // CHANGE: Add a key for photo storage.
   const PHOTO_STORAGE = 'photos';
 
-  // Same old code from before.
+  // ...existing code...
 };
 ```
 
 Next, at the end of the `usePhotoGallery()` method, add a call to the `cachePhotos` method to save the `photos` array. By adding it here, the `photos` array is stored each time a new photo is taken. This way, it doesn’t matter when the app user closes or switches to a different app - all photo data is saved.
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add `cachePhotos()` method.
   const cachePhotos = () => {
@@ -57,7 +57,7 @@ Add the call to the `watch()` method above the return statement in `usePhotoGall
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add call to `watch` with `photos` array and `cachePhotos` method.
   watch(photos, cachePhotos);
@@ -73,7 +73,7 @@ With the photo array data saved, create a new method in the `usePhotoGallery()`
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add `loadSaved()` method.
   const loadSaved = async () => {
@@ -94,7 +94,7 @@ On mobile (coming up next!), we can directly set the source of an image tag - `<
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Update `loadSaved()` method.
   const loadSaved = async () => {

docs/vue/your-first-app/5-adding-mobile.md

@@ -30,7 +30,7 @@ import { Preferences } from '@capacitor/preferences';
 import { isPlatform } from '@ionic/vue';
 import { Capacitor } from '@capacitor/core';
 
-// Same old code from before.
+// ...existing code...
 ```
 
 ## Platform-specific Logic

docs/vue/your-first-app/7-live-reload.md

@@ -46,7 +46,7 @@ import { isPlatform } from '@ionic/vue';
 import { Capacitor } from '@capacitor/core';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add `deletePhoto()` method.
   const deletePhoto = async (photo: UserPhoto) => {
@@ -81,7 +81,7 @@ export interface UserPhoto {
 Next, in `Tab2Page.vue`, implement the `showActionSheet()` method. We're adding two options: "Delete", which calls `usePhotoGallery.deletePicture()`, and "Cancel". The cancel button will automatically closes the action sheet when assigned the "cancel" role.
 
 ```vue
-<!-- Same old code from before. -->
+<!-- ...existing code... -->
 
 <script setup lang="ts">
 import { camera, trash, close } from 'ionicons/icons';

versioned_docs/version-v7/vue/your-first-app/2-taking-photos.md

@@ -111,7 +111,7 @@ To define the data structure for our photo metadata, create a new interface name
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 };
 
 // CHANGE: Add the `UserPhoto` interface.
@@ -128,7 +128,7 @@ export const usePhotoGallery = () => {
   // CHANGE: Add the `photos` array.
   const photos = ref<UserPhoto[]>([]);
 
-  // Same old code from before.
+  // ...existing code...
 };
 ```
 

versioned_docs/version-v7/vue/your-first-app/3-saving-photos.md

@@ -24,7 +24,7 @@ import { Filesystem, Directory } from '@capacitor/filesystem';
 import { Preferences } from '@capacitor/preferences';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add the `savePicture()` method.
   const savePicture = async (photo: Photo, fileName: string): Promise<UserPhoto> => {
@@ -55,7 +55,7 @@ import { Filesystem, Directory } from '@capacitor/filesystem';
 import { Preferences } from '@capacitor/preferences';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Update the `addNewToGallery()` method.
   const addNewToGallery = async () => {
@@ -107,7 +107,7 @@ import { Filesystem, Directory } from '@capacitor/filesystem';
 import { Preferences } from '@capacitor/preferences';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Update the `savePicture()` method.
   const savePicture = async (photo: Photo, fileName: string): Promise<UserPhoto> => {

versioned_docs/version-v7/vue/your-first-app/4-loading-photos.md

@@ -26,15 +26,15 @@ export const usePhotoGallery = () => {
   // CHANGE: Add a key for photo storage.
   const PHOTO_STORAGE = 'photos';
 
-  // Same old code from before.
+  // ...existing code...
 };
 ```
 
 Next, at the end of the `usePhotoGallery()` method, add a call to the `cachePhotos` method to save the `photos` array. By adding it here, the `photos` array is stored each time a new photo is taken. This way, it doesn’t matter when the app user closes or switches to a different app - all photo data is saved.
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add `cachePhotos()` method.
   const cachePhotos = () => {
@@ -57,7 +57,7 @@ Add the call to the `watch()` method above the return statement in `usePhotoGall
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add call to `watch` with `photos` array and `cachePhotos` method.
   watch(photos, cachePhotos);
@@ -73,7 +73,7 @@ With the photo array data saved, create a new method in the `usePhotoGallery()`
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add `loadSaved()` method.
   const loadSaved = async () => {
@@ -94,7 +94,7 @@ On mobile (coming up next!), we can directly set the source of an image tag - `<
 
 ```ts
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Update `loadSaved()` method.
   const loadSaved = async () => {

versioned_docs/version-v7/vue/your-first-app/5-adding-mobile.md

@@ -30,7 +30,7 @@ import { Preferences } from '@capacitor/preferences';
 import { isPlatform } from '@ionic/vue';
 import { Capacitor } from '@capacitor/core';
 
-// Same old code from before.
+// ...existing code...
 ```
 
 ## Platform-specific Logic

versioned_docs/version-v7/vue/your-first-app/7-live-reload.md

@@ -46,7 +46,7 @@ import { isPlatform } from '@ionic/vue';
 import { Capacitor } from '@capacitor/core';
 
 export const usePhotoGallery = () => {
-  // Same old code from before.
+  // ...existing code...
 
   // CHANGE: Add `deletePhoto()` method.
   const deletePhoto = async (photo: UserPhoto) => {
@@ -81,7 +81,7 @@ export interface UserPhoto {
 Next, in `Tab2Page.vue`, implement the `showActionSheet()` method. We're adding two options: "Delete", which calls `usePhotoGallery.deletePicture()`, and "Cancel". The cancel button will automatically closes the action sheet when assigned the "cancel" role.
 
 ```vue
-<!-- Same old code from before. -->
+<!-- ...existing code... -->
 
 <script setup lang="ts">
 import { camera, trash, close } from 'ionicons/icons';