2FAuth/resources/js/components/SsoConnectLink.vue

32 lines
762 B
Vue

<script setup>
const props = defineProps({
provider: {
type: String,
default: 'unknown'
}
})
const icons = {
unknown: {
collection: 'fa',
icon: 'globe',
},
github: {
collection: 'fab',
icon: 'github-alt',
},
openid: {
collection: 'fab',
icon: 'openid',
}
}
</script>
<template>
<a :id="'lnkSignWith' + props.provider" class="button is-link" :href="'socialite/redirect/' + props.provider">
{{ $t('auth.sso_providers.' + props.provider) }}
<FontAwesomeIcon class="ml-2" :icon="[icons[props.provider].collection, icons[props.provider].icon]" />
</a>
</template>