@data-fair/lib-vuetify 1.6.4 → 1.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lang-switcher.vue +0 -2
  2. package/lang-switcher.vue.js +0 -2
  3. package/owner-avatar.vue +1 -6
  4. package/owner-avatar.vue.js +3 -6
  5. package/package.json +1 -1
  6. package/personal-menu.vue +11 -16
  7. package/personal-menu.vue.js +17 -22
  8. package/ui-notif-alert.vue +1 -1
  9. package/user-avatar.vue +7 -21
  10. package/user-avatar.vue.js +12 -33
package/lang-switcher.vue CHANGED
@@ -25,10 +25,8 @@
25
25
  </template>
26
26
 
27
27
  <script lang="ts" setup>
28
- import { useI18n } from 'vue-i18n'
29
28
  import useSession from '@data-fair/lib-vue/session.js'
30
29
 
31
- const i18n = useI18n()
32
30
  const session = useSession()
33
31
 
34
32
  const {locales} = defineProps({
package/lang-switcher.vue.js CHANGED
@@ -1,8 +1,6 @@
1
1
  /// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
2
- import { useI18n } from 'vue-i18n';
3
2
  import useSession from '@data-fair/lib-vue/session.js';
4
3
  const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
5
- const i18n = useI18n();
6
4
  const session = useSession();
7
5
  const __VLS_props = defineProps({
8
6
  locales: {
package/owner-avatar.vue CHANGED
@@ -5,12 +5,7 @@
5
5
  v-bind="props"
6
6
  class="text-body-2"
7
7
  >
8
- <v-avatar :size="28">
9
- <img
10
- :src="avatarUrl"
11
- style="object-fit: cover; width: 100%; height: 100%;"
12
- >
13
- </v-avatar>
8
+ <v-avatar :size="28" :image="avatarUrl" />
14
9
  </span>
15
10
  </template>
16
11
  {{ label }}
package/owner-avatar.vue.js CHANGED
@@ -59,13 +59,10 @@ function __VLS_template() {
59
59
  const [{ props }] = __VLS_getSlotParams(__VLS_thisSlot);
60
60
  __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...(props), ...{ class: ("text-body-2") }, });
61
61
  const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
62
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
62
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
63
63
  // @ts-ignore
64
- const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ size: ((28)), }));
65
- const __VLS_8 = __VLS_7({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
66
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((__VLS_ctx.avatarUrl)), ...{ style: ({}) }, });
67
- __VLS_nonNullable(__VLS_11.slots).default;
68
- const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
64
+ const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ size: ((28)), image: ((__VLS_ctx.avatarUrl)), }));
65
+ const __VLS_8 = __VLS_7({ size: ((28)), image: ((__VLS_ctx.avatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
69
66
  }
70
67
  (__VLS_ctx.label);
71
68
  const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@data-fair/lib-vuetify",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
5
5
  "main": "index.js",
6
6
  "files": [
package/personal-menu.vue CHANGED
@@ -89,9 +89,10 @@
89
89
  @click="session.switchOrganization(null)"
90
90
  >
91
91
  <template #prepend>
92
- <v-avatar :size="28">
93
- <img :src="`${session.options.directoryUrl}/api/avatars/user/${user.id}/avatar.png`">
94
- </v-avatar>
92
+ <v-avatar
93
+ :size="28"
94
+ :image="`${session.options.directoryUrl}/api/avatars/user/${user.id}/avatar.png`"
95
+ />
95
96
  </template>
96
97
  <v-list-item-title v-t="'personalAccount'" />
97
98
  </v-list-item>
@@ -102,16 +103,10 @@
102
103
  @click="session.switchOrganization(organization.id , organization.department)"
103
104
  >
104
105
  <template #prepend>
105
- <v-avatar :size="28">
106
- <img
107
- v-if="organization.department"
108
- :src="`${session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png`"
109
- >
110
- <img
111
- v-else
112
- :src="`${session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`"
113
- >
114
- </v-avatar>
106
+ <v-avatar
107
+ :size="28"
108
+ :image="organization.department ? `${session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png` : `${session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`"
109
+ />
115
110
  </template>
116
111
  <v-list-item-title>
117
112
  {{ organization.name }}
@@ -133,17 +128,17 @@
133
128
  class="personal-menu-switch-list-item"
134
129
  >
135
130
  <template #prepend>
136
- <v-icon :icon="mdiShieldAlert" />
131
+ <v-icon :icon="mdiShieldAlert" color="admin" />
137
132
  </template>
138
133
  <v-list-item-title>
139
134
  <v-switch
140
- v-model="user.adminMode"
135
+ :model-value="!!user.adminMode"
141
136
  color="admin"
142
137
  hide-details
143
138
  class="mt-0"
144
139
  density="compact"
145
140
  :label="t('adminMode')"
146
- @change="session.setAdminMode"
141
+ @change="session.setAdminMode(!user.adminMode)"
147
142
  />
148
143
  </v-list-item-title>
149
144
  </v-list-item>
package/personal-menu.vue.js CHANGED
@@ -200,13 +200,10 @@ function __VLS_template() {
200
200
  {
201
201
  const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_101.slots);
202
202
  const __VLS_104 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
203
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
203
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
204
204
  // @ts-ignore
205
- const __VLS_105 = __VLS_asFunctionalComponent(__VLS_104, new __VLS_104({ size: ((28)), }));
206
- const __VLS_106 = __VLS_105({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_105));
207
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), });
208
- __VLS_nonNullable(__VLS_109.slots).default;
209
- const __VLS_109 = __VLS_pickFunctionalComponentCtx(__VLS_104, __VLS_106);
205
+ const __VLS_105 = __VLS_asFunctionalComponent(__VLS_104, new __VLS_104({ size: ((28)), image: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), }));
206
+ const __VLS_106 = __VLS_105({ size: ((28)), image: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), }, ...__VLS_functionalComponentArgsRest(__VLS_105));
210
207
  }
211
208
  const __VLS_110 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
212
209
  /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
@@ -238,18 +235,10 @@ function __VLS_template() {
238
235
  {
239
236
  const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_121.slots);
240
237
  const __VLS_124 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
241
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
238
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
242
239
  // @ts-ignore
243
- const __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({ size: ((28)), }));
244
- const __VLS_126 = __VLS_125({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_125));
245
- if (organization.department) {
246
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png`)), });
247
- }
248
- else {
249
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), });
250
- }
251
- __VLS_nonNullable(__VLS_129.slots).default;
252
- const __VLS_129 = __VLS_pickFunctionalComponentCtx(__VLS_124, __VLS_126);
240
+ const __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({ size: ((28)), image: ((organization.department ? `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png` : `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), }));
241
+ const __VLS_126 = __VLS_125({ size: ((28)), image: ((organization.department ? `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png` : `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), }, ...__VLS_functionalComponentArgsRest(__VLS_125));
253
242
  }
254
243
  const __VLS_130 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
255
244
  /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
@@ -290,8 +279,8 @@ function __VLS_template() {
290
279
  const __VLS_155 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
291
280
  /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
292
281
  // @ts-ignore
293
- const __VLS_156 = __VLS_asFunctionalComponent(__VLS_155, new __VLS_155({ icon: ((__VLS_ctx.mdiShieldAlert)), }));
294
- const __VLS_157 = __VLS_156({ icon: ((__VLS_ctx.mdiShieldAlert)), }, ...__VLS_functionalComponentArgsRest(__VLS_156));
282
+ const __VLS_156 = __VLS_asFunctionalComponent(__VLS_155, new __VLS_155({ icon: ((__VLS_ctx.mdiShieldAlert)), color: ("admin"), }));
283
+ const __VLS_157 = __VLS_156({ icon: ((__VLS_ctx.mdiShieldAlert)), color: ("admin"), }, ...__VLS_functionalComponentArgsRest(__VLS_156));
295
284
  }
296
285
  const __VLS_161 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
297
286
  /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
@@ -301,11 +290,17 @@ function __VLS_template() {
301
290
  const __VLS_167 = __VLS_resolvedLocalAndGlobalComponents.VSwitch;
302
291
  /** @type { [typeof __VLS_components.VSwitch, typeof __VLS_components.vSwitch, ] } */
303
292
  // @ts-ignore
304
- const __VLS_168 = __VLS_asFunctionalComponent(__VLS_167, new __VLS_167({ ...{ 'onChange': {} }, modelValue: ((__VLS_ctx.user.adminMode)), color: ("admin"), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('adminMode'))), }));
305
- const __VLS_169 = __VLS_168({ ...{ 'onChange': {} }, modelValue: ((__VLS_ctx.user.adminMode)), color: ("admin"), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('adminMode'))), }, ...__VLS_functionalComponentArgsRest(__VLS_168));
293
+ const __VLS_168 = __VLS_asFunctionalComponent(__VLS_167, new __VLS_167({ ...{ 'onChange': {} }, modelValue: ((!!__VLS_ctx.user.adminMode)), color: ("admin"), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('adminMode'))), }));
294
+ const __VLS_169 = __VLS_168({ ...{ 'onChange': {} }, modelValue: ((!!__VLS_ctx.user.adminMode)), color: ("admin"), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('adminMode'))), }, ...__VLS_functionalComponentArgsRest(__VLS_168));
306
295
  let __VLS_173;
307
296
  const __VLS_174 = {
308
- onChange: (__VLS_ctx.session.setAdminMode)
297
+ onChange: (...[$event]) => {
298
+ if (!(!((!__VLS_ctx.user || !__VLS_ctx.account))))
299
+ return;
300
+ if (!((__VLS_ctx.user.isAdmin)))
301
+ return;
302
+ __VLS_ctx.session.setAdminMode(!__VLS_ctx.user.adminMode);
303
+ }
309
304
  };
310
305
  let __VLS_170;
311
306
  let __VLS_171;
package/ui-notif-alert.vue CHANGED
@@ -15,7 +15,7 @@
15
15
 
16
16
  <script setup lang="ts">
17
17
  import { computed } from 'vue'
18
- import { type UiNotif, useUiNotif } from '@data-fair/lib-vue/ui-notif.js'
18
+ import { type UiNotif } from '@data-fair/lib-vue/ui-notif.js'
19
19
 
20
20
  const {notif, alertProps} = defineProps({
21
21
  notif: {
package/user-avatar.vue CHANGED
@@ -2,40 +2,26 @@
2
2
  <div
3
3
  class="sd-avatar"
4
4
  :class="{'has-secondary-avatar': showSecondAvatar}"
5
+ aria-hidden
5
6
  >
6
7
  <v-avatar
7
8
  v-if="showAccount && session.state.account && session.state.account.type === 'user'"
8
9
  class="primary-avatar"
9
10
  :size="36"
10
- >
11
- <v-img
12
- :src="userAvatarUrl"
13
- aria-hidden
14
- alt=""
15
- />
16
- </v-avatar>
11
+ :image="userAvatarUrl"
12
+ />
17
13
  <v-avatar
18
14
  v-else
19
15
  class="primary-avatar"
20
16
  :size="36"
21
- >
22
- <v-img
23
- :src="accountAvatarUrl"
24
- aria-hidden
25
- alt=""
26
- />
27
- </v-avatar>
17
+ :image="accountAvatarUrl"
18
+ />
28
19
  <v-avatar
29
20
  v-if="showSecondAvatar"
30
21
  class="secondary-avatar"
31
22
  :size="28"
32
- >
33
- <v-img
34
- :src="userAvatarUrl"
35
- aria-hidden
36
- alt=""
37
- />
38
- </v-avatar>
23
+ :image="userAvatarUrl"
24
+ />
39
25
  </div>
40
26
  </template>
41
27
 
package/user-avatar.vue.js CHANGED
@@ -41,48 +41,27 @@ function __VLS_template() {
41
41
  // CSS variable injection
42
42
  // CSS variable injection end
43
43
  let __VLS_resolvedLocalAndGlobalComponents;
44
- __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("sd-avatar") }, ...{ class: (({ 'has-secondary-avatar': __VLS_ctx.showSecondAvatar })) }, });
44
+ __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("sd-avatar") }, ...{ class: (({ 'has-secondary-avatar': __VLS_ctx.showSecondAvatar })) }, "aria-hidden": (true), });
45
45
  if (__VLS_ctx.showAccount && __VLS_ctx.session.state.account && __VLS_ctx.session.state.account.type === 'user') {
46
46
  const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
47
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
47
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
48
48
  // @ts-ignore
49
- const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("primary-avatar") }, size: ((36)), }));
50
- const __VLS_2 = __VLS_1({ ...{ class: ("primary-avatar") }, size: ((36)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
51
- const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VImg;
52
- /** @type { [typeof __VLS_components.VImg, typeof __VLS_components.vImg, ] } */
53
- // @ts-ignore
54
- const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }));
55
- const __VLS_8 = __VLS_7({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
56
- __VLS_nonNullable(__VLS_5.slots).default;
57
- const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
49
+ const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.userAvatarUrl)), }));
50
+ const __VLS_2 = __VLS_1({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.userAvatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
58
51
  }
59
52
  else {
60
- const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
61
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
62
- // @ts-ignore
63
- const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ ...{ class: ("primary-avatar") }, size: ((36)), }));
64
- const __VLS_14 = __VLS_13({ ...{ class: ("primary-avatar") }, size: ((36)), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
65
- const __VLS_18 = __VLS_resolvedLocalAndGlobalComponents.VImg;
66
- /** @type { [typeof __VLS_components.VImg, typeof __VLS_components.vImg, ] } */
53
+ const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
54
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
67
55
  // @ts-ignore
68
- const __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18({ src: ((__VLS_ctx.accountAvatarUrl)), "aria-hidden": (true), alt: (""), }));
69
- const __VLS_20 = __VLS_19({ src: ((__VLS_ctx.accountAvatarUrl)), "aria-hidden": (true), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_19));
70
- __VLS_nonNullable(__VLS_17.slots).default;
71
- const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
56
+ const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.accountAvatarUrl)), }));
57
+ const __VLS_8 = __VLS_7({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.accountAvatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
72
58
  }
73
59
  if (__VLS_ctx.showSecondAvatar) {
74
- const __VLS_24 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
75
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
76
- // @ts-ignore
77
- const __VLS_25 = __VLS_asFunctionalComponent(__VLS_24, new __VLS_24({ ...{ class: ("secondary-avatar") }, size: ((28)), }));
78
- const __VLS_26 = __VLS_25({ ...{ class: ("secondary-avatar") }, size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_25));
79
- const __VLS_30 = __VLS_resolvedLocalAndGlobalComponents.VImg;
80
- /** @type { [typeof __VLS_components.VImg, typeof __VLS_components.vImg, ] } */
60
+ const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
61
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
81
62
  // @ts-ignore
82
- const __VLS_31 = __VLS_asFunctionalComponent(__VLS_30, new __VLS_30({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }));
83
- const __VLS_32 = __VLS_31({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_31));
84
- __VLS_nonNullable(__VLS_29.slots).default;
85
- const __VLS_29 = __VLS_pickFunctionalComponentCtx(__VLS_24, __VLS_26);
63
+ const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ ...{ class: ("secondary-avatar") }, size: ((28)), image: ((__VLS_ctx.userAvatarUrl)), }));
64
+ const __VLS_14 = __VLS_13({ ...{ class: ("secondary-avatar") }, size: ((28)), image: ((__VLS_ctx.userAvatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
86
65
  }
87
66
  __VLS_styleScopedClasses['sd-avatar'];
88
67
  __VLS_styleScopedClasses['has-secondary-avatar'];