docs(vue): add missing title and head tags to match Angular pages

soundproofboot · soundproofboot · commit b2926ff07b5a · 2025-10-04T17:08:13.000-05:00
diff --git a/docs/vue/your-first-app.md b/docs/vue/your-first-app.md
@@ -4,7 +4,7 @@ sidebar_label: Build Your First App
 ---
 
 <head>
-  <title>Vue Step-by-Step Tutorial: Run Your First Ionic App with Vue</title>
+  <title>Build Your First Ionic Mobile App: Vue Development Tutorial</title>
   <meta
     name="description"
     content="This Vue tutorial, teaches the fundamentals of Ionic app development by creating a realistic app step-by-step. Learn to run your first Ionic app with Vue."
diff --git a/docs/vue/your-first-app/2-taking-photos.md b/docs/vue/your-first-app/2-taking-photos.md
@@ -1,8 +1,15 @@
 ---
+title: Taking Photos with the Camera
 sidebar_label: Taking Photos
 ---
 
-# Taking Photos with the Camera
+<head>
+  <title>Build Camera API for iOS, Android & Web | Ionic Capacitor Camera</title>
+  <meta
+    name="description"
+    content="Add the ability to take photos with your device's camera using the Ionic Capacitor Camera API for mobile iOS, Android, and the web. Learn how here."
+  />
+</head>
 
 Now for the fun part - adding the ability to take photos with the device’s camera using the Capacitor [Camera API](https://capacitorjs.com/docs/apis/camera). We’ll begin with building it for the web, then make some small tweaks to make it work on mobile (iOS and Android).
 
diff --git a/docs/vue/your-first-app/6-deploying-mobile.md b/docs/vue/your-first-app/6-deploying-mobile.md
@@ -4,10 +4,10 @@ sidebar_label: Deploying Mobile
 ---
 
 <head>
-  <title>Build and Deploy Vue Apps for iOS and Android with Capacitor</title>
+  <title>Deploying to iOS and Android Apps - Capacitor Setup on Ionic</title>
   <meta
     name="description"
-    content="Capacitor is Ionic’s official app runtime to deploy web apps to native platforms like iOS, Android, and more. Read for how to build and deploy Ionic Vue apps."
+    content="Deploying to iOS and Android is easy with Capacitor setup for Ionic Framework apps. Read to learn more about deployment in our Ionic Documentation."
   />
 </head>
 
diff --git a/docs/vue/your-first-app/7-live-reload.md b/docs/vue/your-first-app/7-live-reload.md
@@ -2,6 +2,13 @@
 sidebar_label: Live Reload
 ---
 
+<head>
+  <meta
+    name="description"
+    content="Use the Ionic CLI’s Live Reload functionality to boost your productivity when building Ionic apps. Learn how you can utilize rapid app development."
+  />
+</head>
+
 # Rapid App Development with Live Reload
 
 So far, we’ve seen how easy it is to develop a cross-platform app that works everywhere. The development experience is pretty quick, but what if I told you there was a way to go faster?
