How to get working with vue cli 3?

I’ve noticed the example uses webpack and separates the silent renewal from the main SPA.

Is there anyway to get silent renew working inside the one SPA? I’ve tried with the routing flags:

router.js

//...
{
      path: '/silent-refresh-oidc',
      name: 'silent-refresh-oidc',
      component: OidcSilentRefresh,
      meta: {
        isOidcCallback: true,
        isPublic: true,
      },
    },
//...

OidcSilentRefresh.vue

<template>
  <div></div>
</template>

<script>
import { vuexOidcProcessSilentSignInCallback } from 'vuex-oidc';
import OidcSettings from '../oidc-config';

export default {
  mounted() {
    vuexOidcProcessSilentSignInCallback(OidcSettings);
  },
};
</script>

But the access token never seems to get updated. I will produce a simple reproducable example repo and post a link to it in this ticket to show the silent renewal working, but failing to update the ticket, which causes a high number of requests to the auth server, but then the user loosing their access token.

No errors on console that I can see.

[tommed]

Strangely, if I use oidc-client directly from the public folder of a vuecli3 project, it works fine against this server 💭 so when bypassing vue’s lifecycle/pipeline this works fine?!?!? 😱

[perarnborg]

OK, got it! I’ll try to take a look at the code sample within short!