diff --git a/ifc-js/src/App.vue b/ifc-js/src/App.vue
index 5cd46fa..3a3238d 100644
--- a/ifc-js/src/App.vue
+++ b/ifc-js/src/App.vue
@@ -9,6 +9,8 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 import {
   AmbientLight,
   AxesHelper,
@@ -40,6 +42,9 @@ export default {
     this.addIFCModel()
     this.animate()
   },
+  computed: {
+  ...mapGetters('runtime/auth', ['publicLinkPassword', 'accessToken']),
+  },
   methods: {
     init: function () {
       const threeCanvas = document.getElementById('threeCanvas')
diff --git a/rootjs/src/App.vue b/rootjs/src/App.vue
index 5319be0..e8f31f0 100644
--- a/rootjs/src/App.vue
+++ b/rootjs/src/App.vue
@@ -21,6 +21,7 @@
 <script>
 import 'https://root.cern/js/latest/scripts/JSRoot.core.min.js'
 import { getFileUrl, getHeadersWithAuth } from '../../common/fileAccess.js'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'ROOTJSViewer',
@@ -33,6 +34,7 @@ export default {
     isPublic: false
   }),
   computed: {
+    ...mapGetters('runtime/auth', ['publicLinkPassword', 'accessToken']),
     rootFile() {
       const headers = getHeadersWithAuth(this.isPublic, this.accessToken, this.publicLinkPassword)
       return fetch(this.url, { headers }).then((resp) => {