Fix login label

src/pages/guestbook.vue

@@ -127,10 +127,10 @@ async function deleteMessage(id: number) {
               v-for="provider in providers"
               :key="provider.slug"
               :label="provider.label"
-              :color="provider.color"
+              color="black"
               variant="solid"
-              :icon="provider.icon"
               :to="provider.link"
+              :icon="provider.icon"
               external
             />
           </div>

src/pages/talents.vue

@@ -137,9 +137,10 @@ async function suggest() {
               v-for="provider in providers"
               :key="provider.slug"
               :label="provider.label"
-              :color="provider.color"
+              color="black"
               variant="solid"
               :to="provider.link"
+              :icon="provider.icon"
               external
             />
           </div>

types.ts

@@ -74,24 +74,21 @@ export interface Skill extends ParsedContent {
 export const providers = [
   {
     slug: 'github',
-    label: 'Use Github',
+    label: 'Login with Github',
     icon: 'i-ph-github-logo-bold',
     link: '/auth/github',
-    color: 'black',
   },
   /* {
     slug: 'twitter',
-    label: 'Use Twitter',
+    label: 'Login with Twitter',
     icon: 'i-ph-twitter-logo-bold',
     link: '/auth/twitter',
-    color: 'cyan',
   }, */
   {
     slug: 'google',
-    label: 'Use Google',
+    label: 'Login with Google',
     icon: 'i-ph-google-logo-bold',
     link: '/auth/google',
-    color: 'red',
   },
 ]