diff --git a/app/src/routes/login/components/sso-links.vue b/app/src/routes/login/components/sso-links.vue index eb7ea55c6b..c5470cb3b0 100644 --- a/app/src/routes/login/components/sso-links.vue +++ b/app/src/routes/login/components/sso-links.vue @@ -44,18 +44,22 @@ export default defineComponent({ const { providers } = toRefs(props); const ssoProviders = ref<{ name: string; link: string; icon: string }[]>([]); - watch(providers, () => { - ssoProviders.value = providers.value - .filter((provider: AuthProvider) => AUTH_SSO_DRIVERS.includes(provider.driver)) - .map((provider: AuthProvider) => ({ - name: formatTitle(provider.name), - link: `${getRootPath()}auth/login/${provider.name}?redirect=${window.location.href.replace( - location.search, - '' - )}?continue`, - icon: provider.icon ?? 'account_circle', - })); - }); + watch( + providers, + () => { + ssoProviders.value = providers.value + .filter((provider: AuthProvider) => AUTH_SSO_DRIVERS.includes(provider.driver)) + .map((provider: AuthProvider) => ({ + name: formatTitle(provider.name), + link: `${getRootPath()}auth/login/${provider.name}?redirect=${window.location.href.replace( + location.search, + '' + )}?continue`, + icon: provider.icon ?? 'account_circle', + })); + }, + { immediate: true } + ); const errorFormatted = computed(() => { const validReasons = ['SIGN_OUT', 'SESSION_EXPIRED'];