From 481e346136f7ca4eaaa577c5e2245ddf4afa6698 Mon Sep 17 00:00:00 2001
From: Sudo-Self <sudo-self@proton.me>
Date: Tue, 16 Jul 2024 23:30:24 -0600
Subject: [PATCH] Update App.vue

This pull request addresses the following changes:

- Corrected the typo `poperty` to `property` in the meta tags within the main Vue component.

- Ensured all imported components are correctly used.

- Maintained the existing styling.

These changes ensure the Open Graph meta tags are properly set, improving SEO and social media integration.
---
 src/App.vue | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index aefa846..2c2296d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    id="app"
-    class="is-flex"
-  >
+  <div id="app" class="is-flex">
     <TheFeaturedCallout />
 
     <TheNavBar v-if="$route.name !== 'home'" />
@@ -17,6 +14,7 @@
 import TheFeaturedCallout from "@/components/TheFeaturedCallout.vue";
 import TheNavBar from "@/components/TheNavBar.vue";
 import TheFooter from "@/components/TheFooter.vue";
+
 export default {
   metaInfo: {
     title: "Repo Remover | Cleanup your GitHub repos with ease.",
@@ -27,24 +25,23 @@ export default {
       },
       {
         name: "description",
-        content:
-          "Repo Remover makes it easy to archive and delete multiple GitHub repos at the same time. Free to use, and 100% open source."
+        content: "Repo Remover makes it easy to archive and delete multiple GitHub repos at the same time. Free to use, and 100% open source."
       },
       {
-        poperty: "og:image",
+        property: "og:image",
         content: "https://reporemover.xyz/repo-remover-landing.png"
       },
       {
-        poperty: "og:url",
+        property: "og:url",
         content: "https://reporemover.xyz"
       },
       {
-        poperty: "og:site_name",
-        content: "Repo Remove"
+        property: "og:site_name",
+        content: "Repo Remover"
       },
       {
-        poperty: "og:type",
-        content: "Website"
+        property: "og:type",
+        content: "website"
       }
     ]
   },
@@ -67,3 +64,4 @@ html {
   flex-direction: column;
 }
 </style>
+