docs(vue): remove periods from comments

Author: thetaPC

docs/vue/your-first-app.md

@@ -210,7 +210,7 @@ We put the visual aspects of our app into `<ion-content>`. In this case, it’s
         </ion-toolbar>
       </ion-header>
 
-      <!-- CHANGE: Add the floating action button. -->
+      <!-- CHANGE: Add the floating action button -->
       <ion-fab vertical="bottom" horizontal="center" slot="fixed">
         <ion-fab-button>
           <ion-icon :icon="camera"></ion-icon>
@@ -247,9 +247,9 @@ Next, open `src/views/TabsPage.vue`. Change the label to "Photos" and the `ellip
         </ion-tab-button>
 
         <ion-tab-button tab="tab2" href="/tabs/tab2">
-          <!-- CHANGE: Update icon. -->
+          <!-- CHANGE: Update icon -->
           <ion-icon aria-hidden="true" :icon="images" />
-          <!-- CHANGE: Update label. -->
+          <!-- CHANGE: Update label -->
           <ion-label>Photos</ion-label>
         </ion-tab-button>
 

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

@@ -209,18 +209,18 @@ Next, switch to `Tab2Page.vue` to display the images. We'll add a [Grid componen
         </ion-toolbar>
       </ion-header>
 
-      <!-- CHANGE: Add a grid component to display the photos. -->
+      <!-- CHANGE: Add a grid component to display the photos -->
       <ion-grid>
         <ion-row>
-          <!-- CHANGE: Create a new column and image component for each photo. -->
+          <!-- CHANGE: Create a new column and image component for each photo -->
           <ion-col size="6" :key="photo.filepath" v-for="photo in photos">
             <ion-img :src="photo.webviewPath"></ion-img>
           </ion-col>
         </ion-row>
       </ion-grid>
 
       <ion-fab vertical="bottom" horizontal="center" slot="fixed">
-        <!-- CHANGE: Add a click event listener to the floating action button. -->
+        <!-- CHANGE: Add a click event listener to the floating action button -->
         <ion-fab-button @click="addNewToGallery()">
           <ion-icon :icon="camera"></ion-icon>
         </ion-fab-button>

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

@@ -155,7 +155,7 @@ Add a click handler to the `<ion-img>` element. When the app user taps on a phot
       <ion-grid>
         <ion-row>
           <ion-col size="6" :key="photo.filepath" v-for="photo in photos">
-            <!-- CHANGE: Add a click event listener to each image. -->
+            <!-- CHANGE: Add a click event listener to each image -->
             <ion-img :src="photo.webviewPath" @click="showActionSheet(photo)"></ion-img>
           </ion-col>
         </ion-row>

versioned_docs/version-v7/vue/your-first-app.md

@@ -210,7 +210,7 @@ We put the visual aspects of our app into `<ion-content>`. In this case, it’s
         </ion-toolbar>
       </ion-header>
 
-      <!-- CHANGE: Add the floating action button. -->
+      <!-- CHANGE: Add the floating action button -->
       <ion-fab vertical="bottom" horizontal="center" slot="fixed">
         <ion-fab-button>
           <ion-icon :icon="camera"></ion-icon>
@@ -247,9 +247,9 @@ Next, open `src/views/TabsPage.vue`. Change the label to "Photos" and the `ellip
         </ion-tab-button>
 
         <ion-tab-button tab="tab2" href="/tabs/tab2">
-          <!-- CHANGE: Update icon. -->
+          <!-- CHANGE: Update icon -->
           <ion-icon aria-hidden="true" :icon="images" />
-          <!-- CHANGE: Update label. -->
+          <!-- CHANGE: Update label -->
           <ion-label>Photos</ion-label>
         </ion-tab-button>
 

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

@@ -60,7 +60,7 @@ Next, in `Tab2Page.vue`, import the `usePhotoGallery()` method and destructure i
       </ion-header>
 
       <ion-fab vertical="bottom" horizontal="center" slot="fixed">
-        <!-- CHANGE: Add a click event listener to the floating action button. -->
+        <!-- CHANGE: Add a click event listener to the floating action button -->
         <ion-fab-button @click="addNewToGallery()">
           <ion-icon :icon="camera"></ion-icon>
         </ion-fab-button>
@@ -209,18 +209,18 @@ Next, switch to `Tab2Page.vue` to display the images. We'll add a [Grid componen
         </ion-toolbar>
       </ion-header>
 
-      <!-- CHANGE: Add a grid component to display the photos. -->
+      <!-- CHANGE: Add a grid component to display the photos -->
       <ion-grid>
         <ion-row>
-          <!-- CHANGE: Create a new column and image component for each photo. -->
+          <!-- CHANGE: Create a new column and image component for each photo -->
           <ion-col size="6" :key="photo.filepath" v-for="photo in photos">
             <ion-img :src="photo.webviewPath"></ion-img>
           </ion-col>
         </ion-row>
       </ion-grid>
 
       <ion-fab vertical="bottom" horizontal="center" slot="fixed">
-        <!-- CHANGE: Add a click event listener to the floating action button. -->
+        <!-- CHANGE: Add a click event listener to the floating action button -->
         <ion-fab-button @click="addNewToGallery()">
           <ion-icon :icon="camera"></ion-icon>
         </ion-fab-button>

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

@@ -155,7 +155,7 @@ Add a click handler to the `<ion-img>` element. When the app user taps on a phot
       <ion-grid>
         <ion-row>
           <ion-col size="6" :key="photo.filepath" v-for="photo in photos">
-            <!-- CHANGE: Add a click event listener to each image. -->
+            <!-- CHANGE: Add a click event listener to each image -->
             <ion-img :src="photo.webviewPath" @click="showActionSheet(photo)"></ion-img>
           </ion-col>
         </ion-row>