chore: add page titles

Author: tobynguyen27

apps/frontend/src/app/pages/index.vue

@@ -1,5 +1,14 @@
 <script setup lang="ts">
 defineOgImage("Basic.takumi");
+
+useSeoMeta({
+	title: "url shortener - solitar",
+	ogTitle: "url shortener - solitar",
+	twitterTitle: "url shortener - solitar",
+	description: "Create short URLS for your website and social media pages in seconds",
+	ogDescription: "Create short URLS for your website and social media pages in seconds",
+	twitterDescription: "Create short URLS for your website and social media pages in seconds",
+});
 </script>
 
 <template>

apps/frontend/src/app/pages/qr.vue

@@ -3,6 +3,14 @@ import { useQRCode } from "@vueuse/integrations/useQRCode";
 import { type } from "arktype";
 
 defineOgImage("Basic.takumi", { subtitle: "./qr", description: "Generate QR code for url" });
+useSeoMeta({
+	title: "qr code generator - solitar",
+	ogTitle: "qr code generator - solitar",
+	twitterTitle: "qr code generator - solitar",
+	description: "Create QR code for your URLS in seconds, save and share it immediately",
+	ogDescription: "Create QR code for your URLS in seconds, save and share it immediately",
+	twitterDescription: "Create QR code for your URLS in seconds, save and share it immediately",
+});
 
 const permission = usePermission("clipboard-read");
 const inputUrl = ref();

apps/frontend/src/app/pages/settings.vue

@@ -3,6 +3,14 @@ defineOgImage("Basic.takumi", {
 	subtitle: "./settings",
 	description: "customize your solitar experience",
 });
+useSeoMeta({
+	title: "settings - Solitar",
+	ogTitle: "settings - Solitar",
+	twitterTitle: "settings - Solitar",
+	description: "Create QR code for your URLS in seconds, save and share it immediately",
+	ogDescription: "Create QR code for your URLS in seconds, save and share it immediately",
+	twitterDescription: "Create QR code for your URLS in seconds, save and share it immediately",
+});
 </script>
 
 <template>