header sso link based on main domain or fallback to hostname

app/src/App.vue

@@ -18,7 +18,7 @@
         <b-navbar-nav class="ml-auto">
           <li class="nav-item">
             <b-button
-              href="/yunohost/sso"
+              :href="ssoLink"
               variant="primary" size="sm" block
             >
               {{ $t('user_interface_link') }} <icon iname="user" />
@@ -100,7 +100,8 @@ export default {
       'transitions',
       'transitionName',
       'waiting',
-      'theme'
+      'theme',
+      'ssoLink'
     ])
   },
 

app/src/store/info.js

@@ -142,6 +142,7 @@ export default {
       // and login prompt will be shown automaticly
       await dispatch('GET_YUNOHOST_INFOS')
       commit('SET_CONNECTED', true)
+      await dispatch('GET', { uri: 'domains', storeKey: 'domains' })
     },
 
     'RESET_CONNECTED' ({ commit }) {
@@ -383,6 +384,9 @@ export default {
     },
     routerKey: state => state.routerKey,
     breadcrumb: state => state.breadcrumb,
-    transitionName: state => state.transitionName
+    transitionName: state => state.transitionName,
+    ssoLink: (state, getters) => {
+      return `//${getters.mainDomain ?? state.host}/yunohost/sso`
+    }
   }
 }