Cannot store token in session storage

I used your example as my starting point but I can’t store token in session storage. I read your source code and in oidc-helpers.js there is:

const defaultOidcConfig = {
  userStore: new WebStorageStateStore(),
  loadUserInfo: true
}

which is used for building oidc UserManager object. new WebStorageStateStore() is by default storing in localStorage (https://github.com/IdentityModel/oidc-client-js/blob/dev/src/WebStorageStateStore.js) and I can’t pass any parameters to it. Can you help me with this?

[perarnborg]

OK, so this is how you would change the example app to use sessionStorage:

import Vue from 'vue'
import Vuex from 'vuex'
import { vuexOidcCreateStoreModule } from 'vuex-oidc'
import { oidcSettings } from './config/oidc'
import { WebStorageStateStore } from 'oidc-client'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    oidcStore: vuexOidcCreateStoreModule(
      {
        ...oidcSettings,
        userStore: new WebStorageStateStore({ store: window.sessionStorage })
      },
      // Optional OIDC store settings
      {
        namespaced: true,
        dispatchEventsOnWindow: true
      },
      // Optional OIDC event listeners
      {
        userLoaded: (user) => console.log('OIDC user is loaded:', user),
        userUnloaded: () => console.log('OIDC user is unloaded'),
        accessTokenExpiring: () => console.log('Access token will expire'),
        accessTokenExpired: () => console.log('Access token did expire'),
        silentRenewError: () => console.log('OIDC user is unloaded'),
        userSignedOut: () => console.log('OIDC user is signed out')
      }
    )
  }
})

[ux-engineer]

'userStore' does not exist in type 'VuexOidcClientSettings'.ts(2345)