@data-fair/lib-vuetify 1.9.0 → 1.9.2

package/index.d.ts

@@ -1,4 +1,4 @@
 import { type Session } from '@data-fair/lib-vue/session.js';
 import { VuetifyOptions } from 'vuetify';
-export declare function vuetifySessionOptions(session: Session): VuetifyOptions;
+export declare function vuetifySessionOptions(session: Session, cspNonce?: string): VuetifyOptions;
 export declare function defaultOptions(searchParams: Record<string, string>, darkCookie?: boolean, locale?: string): VuetifyOptions;

package/index.js

@@ -13,7 +13,7 @@ const baseDarkColors = {
   primary: '#2196F3', // blue.base
   success: '#00E676' // green.accent3
 }
-export function vuetifySessionOptions (session) {
+export function vuetifySessionOptions (session, cspNonce) {
   if (!session.site.value) { throw new Error('vuetifySessionOptions requires fething site info in session util') }
   const colors = { ...baseColors, ...session.site.value?.colors }
   return {
@@ -23,6 +23,7 @@ export function vuetifySessionOptions (session) {
       messages: { fr, en }
     },
     theme: {
+      cspNonce,
       defaultTheme: session.theme.value ?? 'default',
       themes: {
         [session.theme.value ?? 'default']: {

package/package.json

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

package/personal-menu.vue

@@ -202,11 +202,9 @@ en:
 import { computed, toRefs } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useSession } from '@data-fair/lib-vue/session.js'
-import { useTheme } from 'vuetify'
 import UserAvatar from './user-avatar.vue'
 import { mdiAlert, mdiShieldAlert, mdiLogout, mdiAccountSwitchOutline } from '@mdi/js'
 
-const theme = useTheme()
 const session = useSession()
 
 const { t } = useI18n({ useScope: 'local' })

package/personal-menu.vue.js

@@ -2,11 +2,9 @@
 import { computed, toRefs } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useSession } from '@data-fair/lib-vue/session.js';
-import { useTheme } from 'vuetify';
 import UserAvatar from './user-avatar.vue';
 import { mdiAlert, mdiShieldAlert, mdiLogout, mdiAccountSwitchOutline } from '@mdi/js';
 const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const theme = useTheme();
 const session = useSession();
 const { t } = useI18n({ useScope: 'local' });
 const { user, account } = toRefs(session.state);