@data-fair/lib-vuetify 1.10.0 → 1.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [

package/personal-menu.vue

@@ -49,8 +49,8 @@
           <v-list-item-title>
             {{ account.type === 'user' ? t('personalAccount') : account.name }}
           </v-list-item-title>
-          <v-list-item-subtitle v-if="account.department">
-            {{ account.departmentName || account.department }}
+          <v-list-item-subtitle v-if="account.department || organization?.roleLabel">
+            {{ account.departmentName || account.department }} {{ organization?.roleLabel }}
           </v-list-item-subtitle>
           <v-list-item-subtitle>{{ user.name }}</v-list-item-subtitle>
         </v-list-item>
@@ -208,7 +208,7 @@ import { mdiAlert, mdiShieldAlert, mdiLogout, mdiAccountSwitchOutline } from '@m
 const session = useSession()
 
 const { t } = useI18n({ useScope: 'local' })
-const { user, account } = toRefs(session.state)
+const { user, account, organization } = toRefs(session.state)
 const switchableOrganizations = computed(() => {
   const { user, account, accountRole } = session.state
   if (!user || !account) return

package/personal-menu.vue.js

@@ -7,7 +7,7 @@ import { mdiAlert, mdiShieldAlert, mdiLogout, mdiAccountSwitchOutline } from '@m
 const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
 const session = useSession();
 const { t } = useI18n({ useScope: 'local' });
-const { user, account } = toRefs(session.state);
+const { user, account, organization } = toRefs(session.state);
 const switchableOrganizations = computed(() => {
     const { user, account, accountRole } = session.state;
     if (!user || !account)
@@ -104,13 +104,14 @@ function __VLS_template() {
         (__VLS_ctx.account.type === 'user' ? __VLS_ctx.t('personalAccount') : __VLS_ctx.account.name);
         __VLS_nonNullable(__VLS_57.slots).default;
         const __VLS_57 = __VLS_pickFunctionalComponentCtx(__VLS_52, __VLS_54);
-        if (__VLS_ctx.account.department) {
+        if (__VLS_ctx.account.department || __VLS_ctx.organization?.roleLabel) {
             const __VLS_58 = __VLS_resolvedLocalAndGlobalComponents.VListItemSubtitle;
             /** @type { [typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, ] } */
             // @ts-ignore
             const __VLS_59 = __VLS_asFunctionalComponent(__VLS_58, new __VLS_58({}));
             const __VLS_60 = __VLS_59({}, ...__VLS_functionalComponentArgsRest(__VLS_59));
             (__VLS_ctx.account.departmentName || __VLS_ctx.account.department);
+            (__VLS_ctx.organization?.roleLabel);
             __VLS_nonNullable(__VLS_63.slots).default;
             const __VLS_63 = __VLS_pickFunctionalComponentCtx(__VLS_58, __VLS_60);
         }
@@ -369,6 +370,7 @@ const __VLS_self = (await import('vue')).defineComponent({
             t: t,
             user: user,
             account: account,
+            organization: organization,
             switchableOrganizations: switchableOrganizations,
         };
     },