AuthProvider.vue

<script setup lang="ts">
import { onMounted } from 'vue'
import { useRouter } from 'vue-router' // Import Vue Router
import keycloakInstance from '@/keycloak'

const router = useRouter() // Inisialisasi router

function login() {
  keycloakInstance.login({
    redirectUri: `${window.location.origin}/naputpro/beranda/profile`,
  })
}

// Cek apakah user sudah login saat komponen dimuat
onMounted(() => {
  if (keycloakInstance.authenticated)
    router.push('/naputpro/beranda/profile')
})
</script>

<template>
  <VBtn
    class="font-weight-bold"
    color="#FFDC01"
    block
    type="submit"
    @click="login"
  >
    Login SSO
  </VBtn>
</template>