Merge pull request #3 from AbandonTech/feature/custom-embed

add userSeoMeta to create custom embed

Author: fisher60

app.vue

@@ -16,4 +16,14 @@
       class: "bg-base-100 text-primary-content"
     }
   })
+
+  useSeoMeta({
+    title: "AbandonTech",
+    ogTitle: "AbandonTech",
+    description: "Empowering Businesses Through Technology",
+    ogDescription: "Empowering Businesses Through Technology",
+    ogImage: "/img/logoVerticalColor.svg",
+    twitterCard: "summary_large_image",
+    themeColor: "#1A67D7"
+})
 </script>

components/ProjectCard.vue

@@ -9,7 +9,9 @@
             <p class="text-lg lg:w-10/12 text-center mt-4 md:mt-12 lg:mt-0 mx-auto">{{ props.description }}</p>
             <div class="flex flex-col lg:flex-row gap-4 items-center justify-center">
                 <NuxtLink :to="props.internalLink"><button type="button" class="btn btn-md w-64 lg:w-28 xl:w-44 2xl:w-48 btn-primary">Learn More</button></NuxtLink>
-                <NuxtLink :to="props.externalLink" target="_blank" rel="noreferrer"><button type="button" class="btn btn-md w-64 lg:w-44 xl:w-44 2xl:w-48 btn-outline">{{ props.title }} <font-awesome-icon icon="fa-solid fa-arrow-up-right-from-square" /></button></NuxtLink>
+                <ClientOnly>
+                    <NuxtLink :to="props.externalLink" target="_blank" rel="noreferrer"><button type="button" class="btn btn-md w-64 lg:w-44 xl:w-44 2xl:w-48 btn-outline">{{ props.title }} <font-awesome-icon icon="fa-solid fa-arrow-up-right-from-square" /></button></NuxtLink>
+                </ClientOnly>
             </div>
 
         </div>