@data-fair/lib-vuetify 1.3.0 → 1.4.1

package/index.d.ts

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

package/index.js

@@ -13,7 +13,36 @@ const baseDarkColors = {
   primary: '#2196F3', // blue.base
   success: '#00E676' // green.accent3
 }
+export function vuetifySessionOptions (session) {
+  const colors = { ...baseColors, ...session.site.value?.colors }
+  return {
+    ssr: false,
+    locale: {
+      locale: session.lang.value,
+      messages: { fr, en }
+    },
+    theme: {
+      defaultTheme: 'light',
+      themes: {
+        light: {
+          dark: false,
+          colors
+        }
+      }
+    },
+    defaults: {
+      VCard: {
+        // grey outlined card by default
+        variant: 'outlined',
+        // TODO: replace this with a cleaner border-opacity prop https://vuetifyjs.com/en/styles/borders/#theme-colors ?
+        style: 'border-color: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)) !important;'
+      }
+    }
+  }
+}
+// TODO: deprecate this in favor of sessionVuetifyOptions
 export function defaultOptions (searchParams, darkCookie = false, locale = 'fr') {
+  console.warn('vuetify.defaultOptions is deprecated, use sessionVuetifyOptions')
   const dark = searchParams?.dark ? searchParams.dark === 'true' : darkCookie
   const searchParamsColors = {}
   for (const colorCode of ['primary', 'secondary']) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [
@@ -16,7 +16,7 @@
     "build": "cd .. && npm run build"
   },
   "peerDependencies": {
-    "@data-fair/lib-vue": "^1.2.0",
+    "@data-fair/lib-vue": "^1.9.0",
     "ofetch": "1",
     "vue-i18n": "10",
     "vuetify": "3"