2020-06-27 19:12:45 +02:00
|
|
|
<template>
|
|
|
|
<div>
|
2022-07-12 10:55:28 +02:00
|
|
|
<b>{{ t("Sign in with") }}</b>
|
|
|
|
<div class="flex gap-1 flex-wrap">
|
2020-06-27 19:12:45 +02:00
|
|
|
<auth-provider
|
|
|
|
v-for="provider in oauthProviders"
|
|
|
|
:oauthProvider="provider"
|
|
|
|
:key="provider.id"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
2022-07-12 10:55:28 +02:00
|
|
|
<script lang="ts" setup>
|
|
|
|
import { useI18n } from "vue-i18n";
|
|
|
|
import { IOAuthProvider } from "@/types/config.model";
|
2020-06-27 19:12:45 +02:00
|
|
|
import AuthProvider from "./AuthProvider.vue";
|
|
|
|
|
2022-07-12 10:55:28 +02:00
|
|
|
defineProps<{
|
|
|
|
oauthProviders: IOAuthProvider[];
|
|
|
|
}>();
|
|
|
|
|
|
|
|
const { t } = useI18n({ useScope: "global" });
|
2020-06-27 19:12:45 +02:00
|
|
|
</script>
|