edit middleware

middleware/acl.global.ts

-export default defineNuxtRouteMiddleware(to => {
-  return undefined
+import { defineNuxtRouteMiddleware, navigateTo } from "nuxt/app"
+import { useKeycloakStore } from "~/@core/stores/keycloakStore"
+
+export default defineNuxtRouteMiddleware((to) => {
+  const keycloakStore = useKeycloakStore()
+
+  if (process.client) {
+    const isLoginPage = to.path === '/login'
+
+    // Jika belum login dan bukan sedang menuju halaman login, redirect ke login
+    if (!keycloakStore.authenticated && !isLoginPage) {
+      return navigateTo('/login')
+    }
+
+    // Kalau sudah login dan mencoba ke /login, bisa arahkan ke dashboard atau home
+    if (keycloakStore.authenticated && isLoginPage) {
+      return navigateTo('/') // atau ke '/dashboard' misalnya
+    }
+  }
 })

views/dstipro/beranda/UserProfileHeader.vue

@@ -413,7 +413,7 @@ function openDialog() {
       </div>
     </VCardText>
 
-    <VCardText
+    <!-- <VCardText
       v-else
       class="d-flex align-bottom flex-sm-row flex-column justify-center gap-x-6"
     >
@@ -486,7 +486,7 @@ function openDialog() {
           </VBtn>
         </div>
       </div>
-    </VCardText>
+    </VCardText> -->
   </VCard>
 </template>