Vue Keycloak variable is undefined.

[SamHoque]

The keycloak variable is undefined if we try to get it from a function that was called by a button.

@OnClick=myFunc.

myFunc -> can't access $keycloak.

[Alexand3r]

Have you tried using the useKeycloak() composable?

<script>
import { useKeycloak } from '@dsb-norge/vue-keycloak-js'

export default {
  data() {
    return {
      isAuth: false
    }
  },
  setup() {
    const keycloak = useKeycloak()
    return {
      keycloak
    },
  methods: {
    myFunc() {
       this.isAuth = this.keycloak.authenticated
      }
    }
  }
}
</script>

<template>
  <p>{{isAuth}}</p>
  <button @click="myFunc">Get auth</button>
</template>