40 lines
674 B
Vue
40 lines
674 B
Vue
<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>
|