@data-fair/lib-vuetify 1.11.1 → 1.12.1

package/package.json

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

package/search-address.vue

@@ -1,5 +1,25 @@
+<template>
+  <v-autocomplete
+    v-model="address"
+    :items="addressesList"
+    :loading="loadingAddresses"
+    no-filter
+    :clearable="true"
+    return-object
+    hide-no-data
+    hide-details
+    label="Adresse"
+    placeholder="Saisissez une adresse"
+    :variant="variant"
+    density="compact"
+    menu-icon=""
+    @update:search="(search: string) => findAdresses(search)"
+  />
+</template>
+
+
 <script setup lang="ts">
-import { VAutocomplete } from 'vuetify/components/VAutocomplete'
+import type { VAutocomplete } from 'vuetify/components/VAutocomplete'
 import { ref, watch } from 'vue'
 import { ofetch } from 'ofetch'
 import { useDebounceFn } from '@vueuse/core'
@@ -8,9 +28,9 @@ defineProps<{variant?: VAutocomplete['variant']}>()
 const emit = defineEmits(['selected'])
 const model = defineModel({ type: String })
 
-const addressesList = ref([] as any[])
+const addressesList = ref<any[]>([])
 const loadingAddresses = ref(false)
-const address = ref(null as any)
+const address = ref<any>(null)
 
 const findAdressesFn = async (search: string, selectedId?: string) => {
   loadingAddresses.value = true
@@ -53,23 +73,4 @@ watch(
     emit('selected', addr ? addr.value : undefined)
   }
 )
-</script>
-
-<template>
-  <v-autocomplete
-    v-model="address"
-    :items="addressesList"
-    :loading="loadingAddresses"
-    no-filter
-    :clearable="true"
-    return-object
-    hide-no-data
-    hide-details
-    label="Adresse"
-    placeholder="Saisissez une adresse"
-    :variant="variant"
-    density="compact"
-    menu-icon=""
-    @update:search="(search: string) => findAdresses(search)"
-  />
-</template>
+</script>

package/search-address.vue.d.ts

@@ -1,4 +1,4 @@
-import { VAutocomplete } from 'vuetify/components/VAutocomplete';
+import type { VAutocomplete } from 'vuetify/components/VAutocomplete';
 declare let __VLS_typeProps: {
     variant?: VAutocomplete['variant'];
 };

package/search-address.vue.js

@@ -1,5 +1,4 @@
 /// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
-import { VAutocomplete } from 'vuetify/components/VAutocomplete';
 import { ref, watch } from 'vue';
 import { ofetch } from 'ofetch';
 import { useDebounceFn } from '@vueuse/core';
@@ -98,7 +97,6 @@ function __VLS_template() {
 const __VLS_self = (await import('vue')).defineComponent({
     setup() {
         return {
-            VAutocomplete: VAutocomplete,
             addressesList: addressesList,
             loadingAddresses: loadingAddresses,
             address: address,

package/style/global.scss

@@ -1,11 +1,17 @@
 @use 'vuetify' with (
   $color-pack: false,
-  $body-font-family: 'BodyFontFamily',
-  $heading-font-family: 'HeadingFontFamily'
+  $body-font-family: var(--d-body-font-family),
+  $heading-font-family: var(--d-heading-font-family)
 );
 
 // v-icon has an opacity when it is prepended in a list of items.
 // ref: https://github.com/vuetifyjs/vuetify/issues/18760
 .v-icon {
   --v-medium-emphasis-opacity: 1 !important;
+}
+
+// default font variables values provide retro-compatibility with the aliases we used before
+:root {
+  --d-body-font-family: BodyFontFamily;
+  --d-heading-font-family: HeadingFontFamily;
 }