@data-fair/lib-vuetify 1.1.0 → 1.1.1

package/package.json

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

package/tutorial-alert.vue

@@ -18,7 +18,7 @@
           v-if="href"
           :href="href"
           target="_blank"
-        >{{ text || $t('readDoc') }}</a>
+        >{{ text || t('readDoc') }}</a>
         <template v-else>
           <span
             v-if="text"
@@ -37,15 +37,11 @@
       icon
       density="compact"
       color="success"
-      :title="show ? $t('closeHelp') : $t('readHelp')"
+      :title="show ? t('closeHelp') : t('readHelp')"
       @click="show = !show"
     >
-      <v-icon v-if="show">
-        mdi-close-circle
-      </v-icon>
-      <v-icon v-else>
-        mdi-information
-      </v-icon>
+      <v-icon v-if="show":icon="mdiCloseCircle" />
+      <v-icon v-else :icon="mdiInformation" />
     </v-btn>
   </div>
 </template>
@@ -63,6 +59,8 @@ en:
 
 <script lang="ts">
 import { useTheme } from 'vuetify'
+import { useI18n } from 'vue-i18n'
+import { mdiCloseCircle, mdiInformation } from '@mdi/js'
 
 export default {
   props: {
@@ -75,10 +73,13 @@ export default {
   },
   setup () {
     const theme = useTheme()
-    return { theme }
+    const { t } = useI18n({ useScope: 'local' })
+    return { theme, t }
   },
   data: () => ({
-    show: false
+    show: false,
+    mdiCloseCircle,
+    mdiInformation
   }),
   computed: {
     showBtn () {

package/tutorial-alert.vue.d.ts

@@ -28,8 +28,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     theme: import("vuetify", { with: { "resolution-mode": "import" } }).ThemeInstance;
+    t: import("vue-i18n").ComposerTranslation<{}, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+    }>, never, never, never>;
 }, {
     show: boolean;
+    mdiCloseCircle: string;
+    mdiInformation: string;
 }, {
     showBtn(): boolean;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/tutorial-alert.vue.js

@@ -1,5 +1,7 @@
 /// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
 import { useTheme } from 'vuetify';
+import { useI18n } from 'vue-i18n';
+import { mdiCloseCircle, mdiInformation } from '@mdi/js';
 export default (await import('vue')).defineComponent({
     props: {
         id: { type: String, required: true },
@@ -11,10 +13,13 @@ export default (await import('vue')).defineComponent({
     },
     setup() {
         const theme = useTheme();
-        return { theme };
+        const { t } = useI18n({ useScope: 'local' });
+        return { theme, t };
     },
     data: () => ({
-        show: false
+        show: false,
+        mdiCloseCircle,
+        mdiInformation
     }),
     computed: {
         showBtn() {
@@ -61,7 +66,7 @@ function __VLS_template() {
             var __VLS_6 = {};
             if (__VLS_ctx.href) {
                 __VLS_elementAsFunction(__VLS_intrinsicElements.a, __VLS_intrinsicElements.a)({ href: ((__VLS_ctx.href)), target: ("_blank"), });
-                (__VLS_ctx.text || __VLS_ctx.$t('readDoc'));
+                (__VLS_ctx.text || __VLS_ctx.t('readDoc'));
             }
             else {
                 if (__VLS_ctx.text) {
@@ -81,8 +86,8 @@ function __VLS_template() {
             const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.VBtn;
             /** @type { [typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, ] } */
             // @ts-ignore
-            const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ ...{ 'onClick': {} }, ...{ class: ("toggle") }, icon: (true), density: ("compact"), color: ("success"), title: ((__VLS_ctx.show ? __VLS_ctx.$t('closeHelp') : __VLS_ctx.$t('readHelp'))), }));
-            const __VLS_9 = __VLS_8({ ...{ 'onClick': {} }, ...{ class: ("toggle") }, icon: (true), density: ("compact"), color: ("success"), title: ((__VLS_ctx.show ? __VLS_ctx.$t('closeHelp') : __VLS_ctx.$t('readHelp'))), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+            const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ ...{ 'onClick': {} }, ...{ class: ("toggle") }, icon: (true), density: ("compact"), color: ("success"), title: ((__VLS_ctx.show ? __VLS_ctx.t('closeHelp') : __VLS_ctx.t('readHelp'))), }));
+            const __VLS_9 = __VLS_8({ ...{ 'onClick': {} }, ...{ class: ("toggle") }, icon: (true), density: ("compact"), color: ("success"), title: ((__VLS_ctx.show ? __VLS_ctx.t('closeHelp') : __VLS_ctx.t('readHelp'))), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
             let __VLS_13;
             const __VLS_14 = {
                 onClick: (...[$event]) => {
@@ -97,21 +102,17 @@ function __VLS_template() {
             let __VLS_11;
             if (__VLS_ctx.show) {
                 const __VLS_15 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
-                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
                 // @ts-ignore
-                const __VLS_16 = __VLS_asFunctionalComponent(__VLS_15, new __VLS_15({}));
-                const __VLS_17 = __VLS_16({}, ...__VLS_functionalComponentArgsRest(__VLS_16));
-                __VLS_nonNullable(__VLS_20.slots).default;
-                const __VLS_20 = __VLS_pickFunctionalComponentCtx(__VLS_15, __VLS_17);
+                const __VLS_16 = __VLS_asFunctionalComponent(__VLS_15, new __VLS_15({ icon: ((__VLS_ctx.mdiCloseCircle)), }));
+                const __VLS_17 = __VLS_16({ icon: ((__VLS_ctx.mdiCloseCircle)), }, ...__VLS_functionalComponentArgsRest(__VLS_16));
             }
             else {
                 const __VLS_21 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
-                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
                 // @ts-ignore
-                const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({}));
-                const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
-                __VLS_nonNullable(__VLS_26.slots).default;
-                const __VLS_26 = __VLS_pickFunctionalComponentCtx(__VLS_21, __VLS_23);
+                const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({ icon: ((__VLS_ctx.mdiInformation)), }));
+                const __VLS_23 = __VLS_22({ icon: ((__VLS_ctx.mdiInformation)), }, ...__VLS_functionalComponentArgsRest(__VLS_22));
             }
             __VLS_nonNullable(__VLS_12.slots).default;
             const __VLS_12 = __VLS_pickFunctionalComponentCtx(__VLS_7, __VLS_9);