vuetify 3.0.0-beta.9 → 3.0.1

package/lib/index.d.ts

@@ -1,4 +1,37 @@
-import { Ref, DeepReadonly, ToRefs, JSXComponent, PropType, App, ComponentInternalInstance, CSSProperties } from 'vue';
+import * as vue from 'vue';
+import { Ref, DeepReadonly, JSXComponent, PropType, CSSProperties, App } from 'vue';
+
+interface LocaleMessages {
+    [key: string]: LocaleMessages | string;
+}
+interface LocaleOptions {
+    messages?: LocaleMessages;
+    locale?: string;
+    fallback?: string;
+    adapter?: LocaleInstance;
+}
+interface LocaleInstance {
+    name: string;
+    messages: Ref<LocaleMessages>;
+    current: Ref<string>;
+    fallback: Ref<string>;
+    t: (key: string, ...params: unknown[]) => string;
+    n: (value: number) => string;
+    provide: (props: LocaleOptions) => LocaleInstance;
+}
+declare function useLocale(): LocaleInstance & RtlInstance;
+interface RtlOptions {
+    rtl?: Record<string, boolean>;
+}
+interface RtlInstance {
+    isRtl: Ref<boolean>;
+    rtl: Ref<Record<string, boolean>>;
+    rtlClasses: Ref<string>;
+}
+declare function useRtl(): {
+    isRtl: Ref<boolean>;
+    rtlClasses: Ref<string>;
+};
 
 declare type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -58,12 +91,6 @@ interface ThemeInstance {
 }
 declare function useTheme(): ThemeInstance;
 
-interface DefaultsInstance {
-    [key: string]: undefined | Record<string, unknown>;
-    global?: Record<string, unknown>;
-}
-declare type DefaultsOptions = Partial<DefaultsInstance>;
-
 declare type DisplayBreakpoint = keyof DisplayThresholds;
 interface DisplayThresholds {
     xs: number;
@@ -93,29 +120,36 @@ interface DisplayPlatform {
     ssr: boolean;
 }
 interface DisplayInstance {
-    xs: boolean;
-    sm: boolean;
-    md: boolean;
-    lg: boolean;
-    xl: boolean;
-    xxl: boolean;
-    smAndUp: boolean;
-    mdAndUp: boolean;
-    lgAndUp: boolean;
-    xlAndUp: boolean;
-    smAndDown: boolean;
-    mdAndDown: boolean;
-    lgAndDown: boolean;
-    xlAndDown: boolean;
-    name: DisplayBreakpoint;
-    height: number;
-    width: number;
-    mobile: boolean;
-    mobileBreakpoint: number | DisplayBreakpoint;
-    platform: DisplayPlatform;
-    thresholds: DisplayThresholds;
+    xs: Ref<boolean>;
+    sm: Ref<boolean>;
+    md: Ref<boolean>;
+    lg: Ref<boolean>;
+    xl: Ref<boolean>;
+    xxl: Ref<boolean>;
+    smAndUp: Ref<boolean>;
+    mdAndUp: Ref<boolean>;
+    lgAndUp: Ref<boolean>;
+    xlAndUp: Ref<boolean>;
+    smAndDown: Ref<boolean>;
+    mdAndDown: Ref<boolean>;
+    lgAndDown: Ref<boolean>;
+    xlAndDown: Ref<boolean>;
+    name: Ref<DisplayBreakpoint>;
+    height: Ref<number>;
+    width: Ref<number>;
+    mobile: Ref<boolean>;
+    mobileBreakpoint: Ref<number | DisplayBreakpoint>;
+    platform: Ref<DisplayPlatform>;
+    thresholds: Ref<DisplayThresholds>;
+    update(): void;
+}
+declare function useDisplay(): DisplayInstance;
+
+interface DefaultsInstance {
+    [key: string]: undefined | Record<string, unknown>;
+    global?: Record<string, unknown>;
 }
-declare function useDisplay(): ToRefs<DisplayInstance>;
+declare type DefaultsOptions = Partial<DefaultsInstance>;
 
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
@@ -170,79 +204,23 @@ declare type IconOptions = {
     sets: Record<string, IconSet>;
 };
 
-interface RtlOptions {
-    rtl?: Record<string, boolean>;
-}
-interface RtlProps {
-    rtl?: boolean;
-}
-interface RtlInstance {
-    isRtl: Ref<boolean>;
-    rtl: Record<string, boolean>;
-    rtlClasses: Ref<string>;
-}
-declare function provideRtl(props: RtlProps, localeScope: LocaleInstance): RtlInstance;
-declare function useRtl(): RtlInstance;
-
-interface LocaleMessages {
-    [key: string]: LocaleMessages | string;
-}
-interface LocaleOptions {
-    defaultLocale?: string;
-    fallbackLocale?: string;
-    messages?: LocaleMessages;
-}
-interface LocaleProps {
-    locale?: string;
-    fallbackLocale?: string;
-    messages?: LocaleMessages;
-}
-interface LocaleInstance {
-    current: Ref<string>;
-    fallback: Ref<string>;
-    messages: Ref<LocaleMessages>;
-    t: (key: string, ...params: unknown[]) => string;
-    n: (value: number) => string;
-}
-interface LocaleAdapter {
-    createRoot: (app?: App) => LocaleInstance;
-    getScope: () => LocaleInstance;
-    createScope: (options?: LocaleProps) => LocaleInstance;
-}
-declare function useLocale(): LocaleInstance;
-
 declare type Position = 'top' | 'left' | 'right' | 'bottom';
-declare type LayoutItem = {
-    id: string;
+interface Layer {
     top: number;
     bottom: number;
     left: number;
     right: number;
+}
+interface LayoutItem extends Layer {
+    id: string;
     size: number;
-};
-interface LayoutProvide {
-    register: (vm: ComponentInternalInstance, options: {
-        id: string;
-        order: Ref<number>;
-        position: Ref<Position>;
-        layoutSize: Ref<number | string>;
-        elementSize: Ref<number | string | undefined>;
-        active: Ref<boolean>;
-        disableTransitions?: Ref<boolean>;
-        absolute: Ref<boolean | undefined>;
-    }) => {
-        layoutItemStyles: Ref<CSSProperties>;
-        layoutItemScrimStyles: Ref<CSSProperties>;
-        zIndex: Ref<number>;
-    };
-    unregister: (id: string) => void;
-    mainStyles: Ref<CSSProperties>;
-    getLayoutItem: (id: string) => LayoutItem | undefined;
-    items: Ref<LayoutItem[]>;
-    layoutRect: Ref<DOMRectReadOnly | undefined>;
-    rootZIndex: Ref<number>;
+    position: Position;
 }
-declare function useLayout(): LayoutProvide;
+declare function useLayout(): {
+    getLayoutItem: (id: string) => LayoutItem | undefined;
+    mainRect: Ref<Layer>;
+    mainStyles: Ref<CSSProperties>;
+};
 
 interface FieldValidationResult {
     id: number | string;
@@ -264,17 +242,40 @@ interface VuetifyOptions {
     display?: DisplayOptions;
     theme?: ThemeOptions;
     icons?: IconOptions;
-    locale?: (LocaleOptions & RtlOptions) | (LocaleAdapter & RtlOptions);
+    locale?: LocaleOptions & RtlOptions;
+    ssr?: boolean;
 }
 interface Blueprint extends Omit<VuetifyOptions, 'blueprint'> {
 }
-declare const createVuetify: (vuetify?: VuetifyOptions) => {
+declare function createVuetify(vuetify?: VuetifyOptions): {
     install: (app: App) => void;
+    defaults: vue.Ref<DefaultsInstance>;
+    display: DisplayInstance;
+    theme: ThemeInstance & {
+        install: (app: App<any>) => void;
+    };
+    icons: Record<string, any>;
+    locale: {
+        isRtl: vue.Ref<boolean>;
+        rtl: vue.Ref<Record<string, boolean>>;
+        rtlClasses: vue.Ref<string>;
+        name: string;
+        messages: vue.Ref<LocaleMessages>;
+        current: vue.Ref<string>;
+        fallback: vue.Ref<string>;
+        t: (key: string, ...params: unknown[]) => string;
+        n: (value: number) => string;
+        provide: (props: LocaleOptions) => LocaleInstance;
+    };
 };
+declare namespace createVuetify {
+    var version: string;
+}
+declare const version: string;
 
-export { Blueprint, DefaultsInstance, DisplayBreakpoint, DisplayInstance, DisplayThresholds, IconAliases, IconOptions, IconProps, IconSet, LocaleAdapter, LocaleInstance, RtlInstance, SubmitEventPromise, ThemeDefinition, ThemeInstance, VuetifyOptions, createVuetify, provideRtl, useDisplay, useLayout, useLocale, useRtl, useTheme };
+export { Blueprint, DefaultsInstance, DisplayBreakpoint, DisplayInstance, DisplayThresholds, IconAliases, IconOptions, IconProps, IconSet, LocaleInstance, LocaleMessages, LocaleOptions, RtlInstance, RtlOptions, SubmitEventPromise, ThemeDefinition, ThemeInstance, VuetifyOptions, createVuetify, useDisplay, useLayout, useLocale, useRtl, useTheme, version };
 
-import type { ComponentPublicInstance, FunctionalComponent, VNodeChild } from 'vue'
+import type { ComponentPublicInstance, FunctionalComponent, UnwrapNestedRefs, VNodeChild } from 'vue'
 
 
 declare global {
@@ -301,11 +302,10 @@ declare module '@vue/runtime-dom' {
 declare module '@vue/runtime-core' {
   interface Vuetify {
     defaults: DefaultsInstance
-    display: DisplayInstance
+    display: UnwrapNestedRefs<DisplayInstance>
     theme: ThemeInstance
     icons: IconOptions
-    locale: LocaleAdapter
-    rtl: RtlInstance
+    locale: LocaleInstance & RtlInstance
   }
 
   export interface ComponentCustomProperties {
@@ -347,13 +347,14 @@ declare module '@vue/runtime-core' {
     VSlideYReverseTransition: typeof import('vuetify/components')['VSlideYReverseTransition']
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
-    VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
@@ -376,7 +377,6 @@ declare module '@vue/runtime-core' {
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
@@ -443,7 +443,6 @@ declare module '@vue/runtime-core' {
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VCode: typeof import('vuetify/components')['VCode']
   }
 }

package/lib/locale/adapters/vue-i18n.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import { I18n, useI18n } from 'vue-i18n';
+
+interface LocaleMessages {
+    [key: string]: LocaleMessages | string;
+}
+interface LocaleOptions {
+    messages?: LocaleMessages;
+    locale?: string;
+    fallback?: string;
+    adapter?: LocaleInstance;
+}
+interface LocaleInstance {
+    name: string;
+    messages: Ref<LocaleMessages>;
+    current: Ref<string>;
+    fallback: Ref<string>;
+    t: (key: string, ...params: unknown[]) => string;
+    n: (value: number) => string;
+    provide: (props: LocaleOptions) => LocaleInstance;
+}
+
+declare type VueI18nAdapterParams = {
+    i18n: I18n<{}, {}, {}, string, false>;
+    useI18n: typeof useI18n;
+};
+declare function createVueI18nAdapter({ i18n, useI18n }: VueI18nAdapterParams): LocaleInstance;
+
+export { createVueI18nAdapter };

package/lib/locale/adapters/vue-i18n.mjs

@@ -1,64 +1,69 @@
-import { computed, watch } from 'vue'; // Types
-
-function wrapScope(scope) {
-  return {
-    current: scope.locale,
-    fallback: computed(() => {
-      // TODO: Handle this better?
-      return typeof scope.fallbackLocale.value !== 'string' ? 'en' : scope.fallbackLocale.value;
-    }),
-    // TODO: Can this be fixed?
-    messages: scope.messages,
-    t: scope.t,
-    n: scope.n
+import { watch } from 'vue';
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+function useProvided(props, prop, provided) {
+  const internal = useProxiedModel(props, prop);
+  internal.value = props[prop] ?? provided.value;
+  watch(provided, v => {
+    if (props[prop] == null) {
+      internal.value = v;
+    }
+  });
+  return internal;
+}
+function createProvideFunction(data) {
+  return props => {
+    const current = useProvided(props, 'locale', data.current);
+    const fallback = useProvided(props, 'fallback', data.fallback);
+    const messages = useProvided(props, 'messages', data.messages);
+    const i18n = data.useI18n({
+      locale: current.value,
+      fallbackLocale: fallback.value,
+      messages: messages.value,
+      useScope: 'local',
+      legacy: false,
+      inheritLocale: false
+    });
+    watch(current, v => {
+      i18n.locale.value = v;
+    });
+    return {
+      name: 'vue-i18n',
+      current,
+      fallback,
+      messages,
+      // @ts-expect-error Type instantiation is excessively deep and possibly infinite
+      t: i18n.t,
+      n: i18n.n,
+      provide: createProvideFunction({
+        current,
+        fallback,
+        messages,
+        useI18n: data.useI18n
+      })
+    };
   };
 }
-
 export function createVueI18nAdapter(_ref) {
   let {
     i18n,
-    useI18n,
-    ...rest
+    useI18n
   } = _ref;
+  const current = i18n.global.locale;
+  const fallback = i18n.global.fallbackLocale;
+  const messages = i18n.global.messages;
   return {
-    createRoot: () => {
-      return wrapScope(i18n.global);
-    },
-    getScope: () => {
-      const scope = useI18n({
-        legacy: false,
-        useScope: 'parent'
-      });
-      return wrapScope(scope);
-    },
-    createScope: function () {
-      var _props$messages;
-
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const scope = useI18n({
-        legacy: false,
-        useScope: 'local',
-        messages: (_props$messages = props.messages) != null ? _props$messages : i18n.global.messages,
-        // TODO: Fix this
-        locale: props.locale,
-        fallbackLocale: props.fallbackLocale,
-        inheritLocale: !props.locale
-      });
-      watch(() => props.locale, () => {
-        if (props.locale) {
-          scope.locale.value = props.locale;
-        } else {
-          scope.inheritLocale = true;
-        }
-      });
-      watch(() => props.fallbackLocale, () => {
-        if (props.fallbackLocale) {
-          scope.fallbackLocale.value = props.fallbackLocale;
-        }
-      });
-      return wrapScope(scope);
-    },
-    ...rest
+    name: 'vue-i18n',
+    current,
+    fallback,
+    messages,
+    t: i18n.global.t,
+    n: i18n.global.n,
+    provide: createProvideFunction({
+      current,
+      fallback,
+      messages,
+      useI18n
+    })
   };
 }
 //# sourceMappingURL=vue-i18n.mjs.map

package/lib/locale/adapters/vue-i18n.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue-i18n.mjs","names":["computed","watch","wrapScope","scope","current","locale","fallback","fallbackLocale","value","messages","t","n","createVueI18nAdapter","i18n","useI18n","rest","createRoot","global","getScope","legacy","useScope","createScope","props","inheritLocale"],"sources":["../../../src/locale/adapters/vue-i18n.ts"],"sourcesContent":["import { computed, watch } from 'vue'\n\n// Types\nimport type { Composer, I18n, useI18n } from 'vue-i18n'\nimport type { LocaleAdapter, LocaleInstance } from '@/composables/locale'\nimport type { RtlOptions } from '@/composables/rtl'\n\ntype VueI18nAdapterParams = {\n  i18n: I18n<{}, {}, {}, string, false>\n  useI18n: typeof useI18n\n} & RtlOptions\n\nfunction wrapScope (scope: Composer): LocaleInstance {\n  return {\n    current: scope.locale,\n    fallback: computed(() => {\n      // TODO: Handle this better?\n      return typeof scope.fallbackLocale.value !== 'string' ? 'en'\n        : scope.fallbackLocale.value\n    }),\n    // TODO: Can this be fixed?\n    messages: scope.messages as any,\n    t: scope.t,\n    n: scope.n,\n  }\n}\n\nexport function createVueI18nAdapter ({ i18n, useI18n, ...rest }: VueI18nAdapterParams): (LocaleAdapter & RtlOptions) {\n  return {\n    createRoot: () => {\n      return wrapScope(i18n.global)\n    },\n    getScope: () => {\n      const scope = useI18n({ legacy: false, useScope: 'parent' }) as Composer\n\n      return wrapScope(scope)\n    },\n    createScope: (props = {}) => {\n      const scope = useI18n({\n        legacy: false,\n        useScope: 'local',\n        messages: (props.messages ?? i18n.global.messages) as any, // TODO: Fix this\n        locale: props.locale,\n        fallbackLocale: props.fallbackLocale,\n        inheritLocale: !props.locale,\n      }) as Composer\n\n      watch(() => props.locale, () => {\n        if (props.locale) {\n          scope.locale.value = props.locale\n        } else {\n          scope.inheritLocale = true\n        }\n      })\n\n      watch(() => props.fallbackLocale, () => {\n        if (props.fallbackLocale) {\n          scope.fallbackLocale.value = props.fallbackLocale\n        }\n      })\n\n      return wrapScope(scope)\n    },\n    ...rest,\n  }\n}\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC,C,CAEA;;AAUA,SAASC,SAAT,CAAoBC,KAApB,EAAqD;EACnD,OAAO;IACLC,OAAO,EAAED,KAAK,CAACE,MADV;IAELC,QAAQ,EAAEN,QAAQ,CAAC,MAAM;MACvB;MACA,OAAO,OAAOG,KAAK,CAACI,cAAN,CAAqBC,KAA5B,KAAsC,QAAtC,GAAiD,IAAjD,GACHL,KAAK,CAACI,cAAN,CAAqBC,KADzB;IAED,CAJiB,CAFb;IAOL;IACAC,QAAQ,EAAEN,KAAK,CAACM,QARX;IASLC,CAAC,EAAEP,KAAK,CAACO,CATJ;IAULC,CAAC,EAAER,KAAK,CAACQ;EAVJ,CAAP;AAYD;;AAED,OAAO,SAASC,oBAAT,OAA+G;EAAA,IAAhF;IAAEC,IAAF;IAAQC,OAAR;IAAiB,GAAGC;EAApB,CAAgF;EACpH,OAAO;IACLC,UAAU,EAAE,MAAM;MAChB,OAAOd,SAAS,CAACW,IAAI,CAACI,MAAN,CAAhB;IACD,CAHI;IAILC,QAAQ,EAAE,MAAM;MACd,MAAMf,KAAK,GAAGW,OAAO,CAAC;QAAEK,MAAM,EAAE,KAAV;QAAiBC,QAAQ,EAAE;MAA3B,CAAD,CAArB;MAEA,OAAOlB,SAAS,CAACC,KAAD,CAAhB;IACD,CARI;IASLkB,WAAW,EAAE,YAAgB;MAAA;;MAAA,IAAfC,KAAe,uEAAP,EAAO;MAC3B,MAAMnB,KAAK,GAAGW,OAAO,CAAC;QACpBK,MAAM,EAAE,KADY;QAEpBC,QAAQ,EAAE,OAFU;QAGpBX,QAAQ,qBAAGa,KAAK,CAACb,QAAT,8BAAqBI,IAAI,CAACI,MAAL,CAAYR,QAHrB;QAGuC;QAC3DJ,MAAM,EAAEiB,KAAK,CAACjB,MAJM;QAKpBE,cAAc,EAAEe,KAAK,CAACf,cALF;QAMpBgB,aAAa,EAAE,CAACD,KAAK,CAACjB;MANF,CAAD,CAArB;MASAJ,KAAK,CAAC,MAAMqB,KAAK,CAACjB,MAAb,EAAqB,MAAM;QAC9B,IAAIiB,KAAK,CAACjB,MAAV,EAAkB;UAChBF,KAAK,CAACE,MAAN,CAAaG,KAAb,GAAqBc,KAAK,CAACjB,MAA3B;QACD,CAFD,MAEO;UACLF,KAAK,CAACoB,aAAN,GAAsB,IAAtB;QACD;MACF,CANI,CAAL;MAQAtB,KAAK,CAAC,MAAMqB,KAAK,CAACf,cAAb,EAA6B,MAAM;QACtC,IAAIe,KAAK,CAACf,cAAV,EAA0B;UACxBJ,KAAK,CAACI,cAAN,CAAqBC,KAArB,GAA6Bc,KAAK,CAACf,cAAnC;QACD;MACF,CAJI,CAAL;MAMA,OAAOL,SAAS,CAACC,KAAD,CAAhB;IACD,CAlCI;IAmCL,GAAGY;EAnCE,CAAP;AAqCD"}
+{"version":3,"file":"vue-i18n.mjs","names":["watch","useProxiedModel","useProvided","props","prop","provided","internal","value","v","createProvideFunction","data","current","fallback","messages","i18n","useI18n","locale","fallbackLocale","useScope","legacy","inheritLocale","name","t","n","provide","createVueI18nAdapter","global"],"sources":["../../../src/locale/adapters/vue-i18n.ts"],"sourcesContent":["import { watch } from 'vue'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\nimport type { Ref } from 'vue'\nimport type { LocaleInstance, LocaleMessages, LocaleOptions } from '@/composables/locale'\nimport type { I18n, useI18n } from 'vue-i18n'\n\ntype VueI18nAdapterParams = {\n  i18n: I18n<{}, {}, {}, string, false>\n  useI18n: typeof useI18n\n}\n\nfunction useProvided <T> (props: any, prop: string, provided: Ref<T>) {\n  const internal = useProxiedModel(props, prop)\n\n  internal.value = props[prop] ?? provided.value\n\n  watch(provided, v => {\n    if (props[prop] == null) {\n      internal.value = v\n    }\n  })\n\n  return internal as Ref<T>\n}\n\nfunction createProvideFunction (data: {\n  current: Ref<string>\n  fallback: Ref<string>\n  messages: Ref<LocaleMessages>\n  useI18n: typeof useI18n\n}) {\n  return (props: LocaleOptions): LocaleInstance => {\n    const current = useProvided(props, 'locale', data.current)\n    const fallback = useProvided(props, 'fallback', data.fallback)\n    const messages = useProvided(props, 'messages', data.messages)\n\n    const i18n = data.useI18n({\n      locale: current.value,\n      fallbackLocale: fallback.value,\n      messages: messages.value as any,\n      useScope: 'local',\n      legacy: false,\n      inheritLocale: false,\n    })\n\n    watch(current, v => {\n      i18n.locale.value = v\n    })\n\n    return {\n      name: 'vue-i18n',\n      current,\n      fallback,\n      messages,\n      // @ts-expect-error Type instantiation is excessively deep and possibly infinite\n      t: i18n.t,\n      n: i18n.n,\n      provide: createProvideFunction({ current, fallback, messages, useI18n: data.useI18n }),\n    }\n  }\n}\n\nexport function createVueI18nAdapter ({ i18n, useI18n }: VueI18nAdapterParams): LocaleInstance {\n  const current = i18n.global.locale\n  const fallback = i18n.global.fallbackLocale as Ref<any>\n  const messages = i18n.global.messages\n\n  return {\n    name: 'vue-i18n',\n    current,\n    fallback,\n    messages,\n    t: i18n.global.t,\n    n: i18n.global.n,\n    provide: createProvideFunction({ current, fallback, messages, useI18n }),\n  }\n}\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,KAAK;AAAA,SAClBC,eAAe;AAWxB,SAASC,WAAW,CAAMC,KAAU,EAAEC,IAAY,EAAEC,QAAgB,EAAE;EACpE,MAAMC,QAAQ,GAAGL,eAAe,CAACE,KAAK,EAAEC,IAAI,CAAC;EAE7CE,QAAQ,CAACC,KAAK,GAAGJ,KAAK,CAACC,IAAI,CAAC,IAAIC,QAAQ,CAACE,KAAK;EAE9CP,KAAK,CAACK,QAAQ,EAAEG,CAAC,IAAI;IACnB,IAAIL,KAAK,CAACC,IAAI,CAAC,IAAI,IAAI,EAAE;MACvBE,QAAQ,CAACC,KAAK,GAAGC,CAAC;IACpB;EACF,CAAC,CAAC;EAEF,OAAOF,QAAQ;AACjB;AAEA,SAASG,qBAAqB,CAAEC,IAK/B,EAAE;EACD,OAAQP,KAAoB,IAAqB;IAC/C,MAAMQ,OAAO,GAAGT,WAAW,CAACC,KAAK,EAAE,QAAQ,EAAEO,IAAI,CAACC,OAAO,CAAC;IAC1D,MAAMC,QAAQ,GAAGV,WAAW,CAACC,KAAK,EAAE,UAAU,EAAEO,IAAI,CAACE,QAAQ,CAAC;IAC9D,MAAMC,QAAQ,GAAGX,WAAW,CAACC,KAAK,EAAE,UAAU,EAAEO,IAAI,CAACG,QAAQ,CAAC;IAE9D,MAAMC,IAAI,GAAGJ,IAAI,CAACK,OAAO,CAAC;MACxBC,MAAM,EAAEL,OAAO,CAACJ,KAAK;MACrBU,cAAc,EAAEL,QAAQ,CAACL,KAAK;MAC9BM,QAAQ,EAAEA,QAAQ,CAACN,KAAY;MAC/BW,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,KAAK;MACbC,aAAa,EAAE;IACjB,CAAC,CAAC;IAEFpB,KAAK,CAACW,OAAO,EAAEH,CAAC,IAAI;MAClBM,IAAI,CAACE,MAAM,CAACT,KAAK,GAAGC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO;MACLa,IAAI,EAAE,UAAU;MAChBV,OAAO;MACPC,QAAQ;MACRC,QAAQ;MACR;MACAS,CAAC,EAAER,IAAI,CAACQ,CAAC;MACTC,CAAC,EAAET,IAAI,CAACS,CAAC;MACTC,OAAO,EAAEf,qBAAqB,CAAC;QAAEE,OAAO;QAAEC,QAAQ;QAAEC,QAAQ;QAAEE,OAAO,EAAEL,IAAI,CAACK;MAAQ,CAAC;IACvF,CAAC;EACH,CAAC;AACH;AAEA,OAAO,SAASU,oBAAoB,OAA2D;EAAA,IAAzD;IAAEX,IAAI;IAAEC;EAA8B,CAAC;EAC3E,MAAMJ,OAAO,GAAGG,IAAI,CAACY,MAAM,CAACV,MAAM;EAClC,MAAMJ,QAAQ,GAAGE,IAAI,CAACY,MAAM,CAACT,cAA0B;EACvD,MAAMJ,QAAQ,GAAGC,IAAI,CAACY,MAAM,CAACb,QAAQ;EAErC,OAAO;IACLQ,IAAI,EAAE,UAAU;IAChBV,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRS,CAAC,EAAER,IAAI,CAACY,MAAM,CAACJ,CAAC;IAChBC,CAAC,EAAET,IAAI,CAACY,MAAM,CAACH,CAAC;IAChBC,OAAO,EAAEf,qBAAqB,CAAC;MAAEE,OAAO;MAAEC,QAAQ;MAAEC,QAAQ;MAAEE;IAAQ,CAAC;EACzE,CAAC;AACH"}

package/lib/locale/adapters/vuetify.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+
+interface LocaleMessages {
+    [key: string]: LocaleMessages | string;
+}
+interface LocaleOptions {
+    messages?: LocaleMessages;
+    locale?: string;
+    fallback?: string;
+    adapter?: LocaleInstance;
+}
+interface LocaleInstance {
+    name: string;
+    messages: Ref<LocaleMessages>;
+    current: Ref<string>;
+    fallback: Ref<string>;
+    t: (key: string, ...params: unknown[]) => string;
+    n: (value: number) => string;
+    provide: (props: LocaleOptions) => LocaleInstance;
+}
+
+declare function createVuetifyAdapter(options?: LocaleOptions): LocaleInstance;
+
+export { createVuetifyAdapter };

package/lib/locale/adapters/vuetify.mjs

@@ -0,0 +1,97 @@
+import { ref, watch } from 'vue';
+import { consoleError, consoleWarn, getObjectValueByPath } from "../../util/index.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import en from "../en.mjs";
+const LANG_PREFIX = '$vuetify.';
+const replace = (str, params) => {
+  return str.replace(/\{(\d+)\}/g, (match, index) => {
+    return String(params[+index]);
+  });
+};
+const createTranslateFunction = (current, fallback, messages) => {
+  return function (key) {
+    for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      params[_key - 1] = arguments[_key];
+    }
+    if (!key.startsWith(LANG_PREFIX)) {
+      return replace(key, params);
+    }
+    const shortKey = key.replace(LANG_PREFIX, '');
+    const currentLocale = current.value && messages.value[current.value];
+    const fallbackLocale = fallback.value && messages.value[fallback.value];
+    let str = getObjectValueByPath(currentLocale, shortKey, null);
+    if (!str) {
+      consoleWarn(`Translation key "${key}" not found in "${current.value}", trying fallback locale`);
+      str = getObjectValueByPath(fallbackLocale, shortKey, null);
+    }
+    if (!str) {
+      consoleError(`Translation key "${key}" not found in fallback`);
+      str = key;
+    }
+    if (typeof str !== 'string') {
+      consoleError(`Translation key "${key}" has a non-string value`);
+      str = key;
+    }
+    return replace(str, params);
+  };
+};
+function createNumberFunction(current, fallback) {
+  return (value, options) => {
+    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options);
+    return numberFormat.format(value);
+  };
+}
+function useProvided(props, prop, provided) {
+  const internal = useProxiedModel(props, prop, props[prop] ?? provided.value);
+
+  // TODO: Remove when defaultValue works
+  internal.value = props[prop] ?? provided.value;
+  watch(provided, v => {
+    if (props[prop] == null) {
+      internal.value = provided.value;
+    }
+  });
+  return internal;
+}
+function createProvideFunction(state) {
+  return props => {
+    const current = useProvided(props, 'locale', state.current);
+    const fallback = useProvided(props, 'fallback', state.fallback);
+    const messages = useProvided(props, 'messages', state.messages);
+    return {
+      name: 'vuetify',
+      current,
+      fallback,
+      messages,
+      t: createTranslateFunction(current, fallback, messages),
+      n: createNumberFunction(current, fallback),
+      provide: createProvideFunction({
+        current,
+        fallback,
+        messages
+      })
+    };
+  };
+}
+export function createVuetifyAdapter(options) {
+  const current = ref((options == null ? void 0 : options.locale) ?? 'en');
+  const fallback = ref((options == null ? void 0 : options.fallback) ?? 'en');
+  const messages = ref({
+    en,
+    ...(options == null ? void 0 : options.messages)
+  });
+  return {
+    name: 'vuetify',
+    current,
+    fallback,
+    messages,
+    t: createTranslateFunction(current, fallback, messages),
+    n: createNumberFunction(current, fallback),
+    provide: createProvideFunction({
+      current,
+      fallback,
+      messages
+    })
+  };
+}
+//# sourceMappingURL=vuetify.mjs.map

package/lib/locale/adapters/vuetify.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vuetify.mjs","names":["ref","watch","consoleError","consoleWarn","getObjectValueByPath","useProxiedModel","en","LANG_PREFIX","replace","str","params","match","index","String","createTranslateFunction","current","fallback","messages","key","startsWith","shortKey","currentLocale","value","fallbackLocale","createNumberFunction","options","numberFormat","Intl","NumberFormat","format","useProvided","props","prop","provided","internal","v","createProvideFunction","state","name","t","n","provide","createVuetifyAdapter","locale"],"sources":["../../../src/locale/adapters/vuetify.ts"],"sourcesContent":["import { ref, watch } from 'vue'\nimport { consoleError, consoleWarn, getObjectValueByPath } from '@/util'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport en from '@/locale/en'\n\nimport type { Ref } from 'vue'\nimport type { LocaleInstance, LocaleMessages, LocaleOptions } from '@/composables/locale'\n\nconst LANG_PREFIX = '$vuetify.'\n\nconst replace = (str: string, params: unknown[]) => {\n  return str.replace(/\\{(\\d+)\\}/g, (match: string, index: string) => {\n    return String(params[+index])\n  })\n}\n\nconst createTranslateFunction = (\n  current: Ref<string>,\n  fallback: Ref<string>,\n  messages: Ref<LocaleMessages>,\n) => {\n  return (key: string, ...params: unknown[]) => {\n    if (!key.startsWith(LANG_PREFIX)) {\n      return replace(key, params)\n    }\n\n    const shortKey = key.replace(LANG_PREFIX, '')\n    const currentLocale = current.value && messages.value[current.value]\n    const fallbackLocale = fallback.value && messages.value[fallback.value]\n\n    let str: string = getObjectValueByPath(currentLocale, shortKey, null)\n\n    if (!str) {\n      consoleWarn(`Translation key \"${key}\" not found in \"${current.value}\", trying fallback locale`)\n      str = getObjectValueByPath(fallbackLocale, shortKey, null)\n    }\n\n    if (!str) {\n      consoleError(`Translation key \"${key}\" not found in fallback`)\n      str = key\n    }\n\n    if (typeof str !== 'string') {\n      consoleError(`Translation key \"${key}\" has a non-string value`)\n      str = key\n    }\n\n    return replace(str, params)\n  }\n}\n\nfunction createNumberFunction (current: Ref<string>, fallback: Ref<string>) {\n  return (value: number, options?: Intl.NumberFormatOptions) => {\n    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options)\n\n    return numberFormat.format(value)\n  }\n}\n\nfunction useProvided <T> (props: any, prop: string, provided: Ref<T>) {\n  const internal = useProxiedModel(props, prop, props[prop] ?? provided.value)\n\n  // TODO: Remove when defaultValue works\n  internal.value = props[prop] ?? provided.value\n\n  watch(provided, v => {\n    if (props[prop] == null) {\n      internal.value = provided.value\n    }\n  })\n\n  return internal as Ref<T>\n}\n\nfunction createProvideFunction (state: { current: Ref<string>, fallback: Ref<string>, messages: Ref<LocaleMessages> }) {\n  return (props: LocaleOptions): LocaleInstance => {\n    const current = useProvided(props, 'locale', state.current)\n    const fallback = useProvided(props, 'fallback', state.fallback)\n    const messages = useProvided(props, 'messages', state.messages)\n\n    return {\n      name: 'vuetify',\n      current,\n      fallback,\n      messages,\n      t: createTranslateFunction(current, fallback, messages),\n      n: createNumberFunction(current, fallback),\n      provide: createProvideFunction({ current, fallback, messages }),\n    }\n  }\n}\n\nexport function createVuetifyAdapter (options?: LocaleOptions): LocaleInstance {\n  const current = ref(options?.locale ?? 'en')\n  const fallback = ref(options?.fallback ?? 'en')\n  const messages = ref({ en, ...options?.messages })\n\n  return {\n    name: 'vuetify',\n    current,\n    fallback,\n    messages,\n    t: createTranslateFunction(current, fallback, messages),\n    n: createNumberFunction(current, fallback),\n    provide: createProvideFunction({ current, fallback, messages }),\n  }\n}\n"],"mappings":"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"}

package/lib/locale/af.mjs

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} meer'
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action'
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)'