first commit

resources/js/views/pages/authentication/AuthProvider.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { useTheme } from 'vuetify'
+
+const { global } = useTheme()
+
+const authProviders = [
+  {
+    icon: 'bxl-facebook',
+    color: '#4267b2',
+    colorInDark: '#4267b2',
+  },
+  {
+    icon: 'bxl-twitter',
+    color: '#1da1f2',
+    colorInDark: '#1da1f2',
+  },
+  {
+    icon: 'bxl-github',
+    color: '#272727',
+    colorInDark: '#fff',
+  },
+  {
+    icon: 'bxl-google',
+    color: '#db4437',
+    colorInDark: '#db4437',
+  },
+]
+</script>
+
+<template>
+  <VBtn
+    v-for="link in authProviders"
+    :key="link.icon"
+    :icon="link.icon"
+    variant="text"
+    size="small"
+    :color="global.name.value === 'dark' ? link.colorInDark : link.color"
+  />
+</template>