Fix types

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>

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()
     },