From 761778ce00c2c7db03439e5db1017bc7894ce37b Mon Sep 17 00:00:00 2001
From: phil <phil.dev@philome.mooo.com>
Date: Sun, 26 Jan 2025 04:02:05 +0100
Subject: [PATCH] Fix types

---
 src/App.vue | 18 +++++++++---------
 src/main.ts |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index bf2b029..ddbe799 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,27 +21,27 @@ async function doAuthenticatedRequest() {
 }
 
 function logout() {
-  keycloak.logoutFn()
+  keycloak.logoutFn && keycloak.logoutFn()
 }
 
 function accountManagemnt() {
-  keycloak.accountManagement()
+  keycloak.accountManagement && keycloak.accountManagement()
 }
 </script>
 
 <template>
   <h1>OIDC pure web client test</h1>
     <div v-if="keycloak.authenticated" class="user-info">
-      <p>Hey, {{ keycloak.idTokenParsed.name }}</p>
-      <img v-if="keycloak.idTokenParsed.picture" :src="keycloak.idTokenParsed.picture" class="picture"></img>
-      <div>{{ keycloak.idTokenParsed.email }}</div>
-      <div v-if="keycloak.resourceAccess['oidc-test-web']">
+      <p>Hey, {{ keycloak.idTokenParsed?.name }}</p>
+      <img v-if="keycloak.idTokenParsed?.picture" :src="keycloak.idTokenParsed.picture" class="picture"></img>
+      <div>{{ keycloak.idTokenParsed?.email }}</div>
+      <div v-if="keycloak.resourceAccess && keycloak.resourceAccess ['oidc-test-web']">
         <span>Roles:</span>
-          <span v-for="role in keycloak.resourceAccess['oidc-test-web'].roles" class="role">{{ role }}</span>
+          <span v-for="role in keycloak.resourceAccess && keycloak.resourceAccess['oidc-test-web'].roles" class="role">{{ role }}</span>
         </div>
-      <div v-if="keycloak.idTokenParsed.oidc_provider">
+      <div v-if="keycloak.idTokenParsed?.oidc_provider">
         <span>Provider:</span>
-        {{ keycloak.idTokenParsed.oidc_provider }} 
+        {{ keycloak.idTokenParsed?.oidc_provider }} 
       </div>
       <button @click="logout" class="logout">Logout</button>
       <button @click="accountManagemnt">Account management</button>
diff --git a/src/main.ts b/src/main.ts
index 3754012..f95d1c6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -28,7 +28,7 @@ createApp(App)
       realm: 'test',
       clientId: 'oidc-test-web',
     },
-    init: { onLoad: 'check-sso' },
+    //init: { onLoad: 'check-sso' },
     onReady(keycloak: Keycloak, vkk) {
       initializeTokenInterceptor()
     },