okta-slo-vue.js

<template>
  <div id="home">
    <div v-if="this.$parent.authenticated">
      <button v-on:click="logout()">
      Logout
      </button>
    </div>
  </div>
</template>

<script>

const POST_LOGOUT_REDIRECT_URI = '/'
const ISSUER = 'https://{yourOktaDomain}/oauth2/default'

export default {
  name: 'home',
  methods: {
    async logout () {
      // Read idToken before local session is cleared
      const idToken = await this.$auth.getIdToken()
      // Clear local session
      await this.$auth.logout()
      // Clear remote session
      window.location.href = `${ISSUER}/v1/logout?id_token_hint=${idToken}&post_logout_redirect_uri=${POST_LOGOUT_REDIRECT_URI}`
    },
  }
}
</script>