@effect-app/vue 2.73.0 → 2.73.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @effect-app/vue
 
+## 2.73.1
+
+### Patch Changes
+
+- eb082c1: fix locale input
+
 ## 2.73.0
 
 ### Minor Changes

package/dist/makeIntl.d.ts

@@ -6,16 +6,16 @@ export interface MakeIntlReturn<Locale extends string> extends ReturnType<typeof
 export interface IntlShape<T = string> extends ResolvedIntlConfig<T>, IntlFormatters<T> {
     formatters: Formatters;
 }
-export declare const makeIntl: <Locale extends string>(messages: Record<Locale, Record<string, string>>, setup: () => Ref<NoInfer<Locale>>) => {
+export declare const makeIntl: <Locale extends string>(messages: Record<Locale, Record<string, string>>, localeRef: Ref<NoInfer<Locale>>) => {
     useIntl: () => {
-        locale: Ref<Locale, Locale>;
+        locale: Ref<NoInfer<Locale>, NoInfer<Locale>>;
         trans: (id: keyof (typeof messages)[Locale], values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>) => string;
         readonly formatMessage: (descriptor: MessageDescriptor, values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>, opts?: IntlMessageFormatOptions) => string;
         readonly intl: IntlShape<Locale>;
     };
     LocaleContext: {
-        use: () => Ref<Locale, Locale>;
-        provide: (locale: Ref<Locale, Locale>) => void;
+        use: () => Ref<NoInfer<Locale>, NoInfer<Locale>>;
+        provide: (locale: Ref<NoInfer<Locale>, NoInfer<Locale>>) => void;
     };
 };
 //# sourceMappingURL=makeIntl.d.ts.map

package/dist/makeIntl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeIntl.d.ts","sourceRoot":"","sources":["../src/makeIntl.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnJ,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,OAAO,IAAI,wBAAwB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC1H,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAI1C,MAAM,WAAW,cAAc,CAAC,MAAM,SAAS,MAAM,CAAE,SAAQ,UAAU,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;CAAG;AAGrG,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;IACrF,UAAU,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,MAAM,EAC5C,UAAU,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAChD,OAAO,MAAM,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;;oBAyBzB,MAAM,CAAC,OAAO,QAAQ,EAAE,MAAM,CAAC,WAC1B,MAAM,CACb,MAAM,EACN,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CACnD;gCAgBoB,CACnB,UAAU,EAAE,iBAAiB,EAC7B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAC3E,IAAI,CAAC,EAAE,wBAAwB,KAC5B,MAAM;uBAIqB,SAAS,CAAC,MAAM,CAAC;;;;;;CAKtD,CAAA"}
+{"version":3,"file":"makeIntl.d.ts","sourceRoot":"","sources":["../src/makeIntl.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnJ,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,OAAO,IAAI,wBAAwB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC1H,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,KAAK,CAAA;AAIrC,MAAM,WAAW,cAAc,CAAC,MAAM,SAAS,MAAM,CAAE,SAAQ,UAAU,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;CAAG;AAGrG,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;IACrF,UAAU,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,MAAM,EAC5C,UAAU,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAEhD,WAAW,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;;oBAyBvB,MAAM,CAAC,OAAO,QAAQ,EAAE,MAAM,CAAC,WAC1B,MAAM,CACb,MAAM,EACN,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CACnD;gCAgBoB,CACnB,UAAU,EAAE,iBAAiB,EAC7B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAC3E,IAAI,CAAC,EAAE,wBAAwB,KAC5B,MAAM;uBAIqB,SAAS,CAAC,MAAM,CAAC;;;;;;CAKtD,CAAA"}

package/dist/makeIntl.js

@@ -1,20 +1,22 @@
 /* eslint-disable @typescript-eslint/no-empty-object-type */
 import { createIntl, createIntlCache } from "@formatjs/intl";
 import { typedKeysOf } from "effect-app/utils";
-import { ref, watch } from "vue";
+import { watch } from "vue";
 import { translate } from "./form.js";
 import { makeContext } from "./makeContext.js";
-export const makeIntl = (messages, setup) => {
+export const makeIntl = (messages, 
+// TODO: changing locale should really be a page reload, as you don't want to listen to the locale changing at every place
+localeRef) => {
     const intlCache = createIntlCache();
     const intls = typedKeysOf(messages).reduce((acc, cur) => {
         acc[cur] = createIntl({
-            defaultLocale,
+            defaultLocale: localeRef.value,
             locale: cur,
             messages: messages[cur]
         }, intlCache);
         return acc;
     }, {});
-    const LocaleContext = makeContext(ref(defaultLocale));
+    const LocaleContext = makeContext(localeRef);
     const useIntl = () => {
         const locale = LocaleContext.use();
         const trans = (id, values
@@ -37,4 +39,4 @@ export const makeIntl = (messages, setup) => {
     };
     return { useIntl, LocaleContext };
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFrZUludGwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvbWFrZUludGwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNERBQTREO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUF5RixNQUFNLGdCQUFnQixDQUFBO0FBQ25KLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUU5QyxPQUFPLEVBQVksR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLEtBQUssQ0FBQTtBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQVM5QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FDdEIsUUFBZ0QsRUFDaEQsS0FBaUMsRUFDakMsRUFBRTtJQUNGLE1BQU0sU0FBUyxHQUFHLGVBQWUsRUFBRSxDQUFBO0lBRW5DLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3hDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ1gsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLFVBQVUsQ0FDbkI7WUFDRSxhQUFhO1lBQ2IsTUFBTSxFQUFFLEdBQUc7WUFDWCxRQUFRLEVBQUUsUUFBUSxDQUFDLEdBQUcsQ0FBQztTQUN4QixFQUNELFNBQVMsQ0FDVixDQUFBO1FBQ0QsT0FBTyxHQUFHLENBQUE7SUFDWixDQUFDLEVBQ0QsRUFBdUMsQ0FDeEMsQ0FBQTtJQUVELE1BQU0sYUFBYSxHQUFHLFdBQVcsQ0FBQyxHQUFHLENBQVMsYUFBYSxDQUFnQixDQUFDLENBQUE7SUFFNUUsTUFBTSxPQUFPLEdBQUcsR0FBRyxFQUFFO1FBQ25CLE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQyxHQUFHLEVBQUUsQ0FBQTtRQUVsQyxNQUFNLEtBQUssR0FBRyxDQUNaLEVBQW1DLEVBQ25DLE1BR0M7UUFDRCx1R0FBdUc7VUFDdkcsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsYUFBYSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQVMsRUFBRSxFQUFFLE1BQU0sQ0FBQyxDQUFBO1FBRWpFLEtBQUssQ0FDSCxNQUFNLEVBQ04sQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNULE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQTtZQUMxQixTQUFTLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUE7UUFDdEMsQ0FBQyxFQUNELEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxDQUNwQixDQUFBO1FBRUQsT0FBTztZQUNMLE1BQU07WUFDTixLQUFLO1lBQ0wsSUFBSSxhQUFhO2dCQUtmLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxhQUFhLENBQUE7WUFDMUMsQ0FBQztZQUNELElBQUksSUFBSTtnQkFDTixPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFzQixDQUFBO1lBQ2pELENBQUM7U0FDRixDQUFBO0lBQ0gsQ0FBQyxDQUFBO0lBQ0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQTtBQUNuQyxDQUFDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFrZUludGwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvbWFrZUludGwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNERBQTREO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUF5RixNQUFNLGdCQUFnQixDQUFBO0FBQ25KLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUU5QyxPQUFPLEVBQVksS0FBSyxFQUFFLE1BQU0sS0FBSyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBUzlDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUN0QixRQUFnRDtBQUNoRCwwSEFBMEg7QUFDMUgsU0FBK0IsRUFDL0IsRUFBRTtJQUNGLE1BQU0sU0FBUyxHQUFHLGVBQWUsRUFBRSxDQUFBO0lBRW5DLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3hDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ1gsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLFVBQVUsQ0FDbkI7WUFDRSxhQUFhLEVBQUUsU0FBUyxDQUFDLEtBQUs7WUFDOUIsTUFBTSxFQUFFLEdBQUc7WUFDWCxRQUFRLEVBQUUsUUFBUSxDQUFDLEdBQUcsQ0FBQztTQUN4QixFQUNELFNBQVMsQ0FDVixDQUFBO1FBQ0QsT0FBTyxHQUFHLENBQUE7SUFDWixDQUFDLEVBQ0QsRUFBdUMsQ0FDeEMsQ0FBQTtJQUVELE1BQU0sYUFBYSxHQUFHLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUU1QyxNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7UUFDbkIsTUFBTSxNQUFNLEdBQUcsYUFBYSxDQUFDLEdBQUcsRUFBRSxDQUFBO1FBRWxDLE1BQU0sS0FBSyxHQUFHLENBQ1osRUFBbUMsRUFDbkMsTUFHQztRQUNELHVHQUF1RztVQUN2RyxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxhQUFhLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBUyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUE7UUFFakUsS0FBSyxDQUNILE1BQU0sRUFDTixDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ1QsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQzFCLFNBQVMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQTtRQUN0QyxDQUFDLEVBQ0QsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQ3BCLENBQUE7UUFFRCxPQUFPO1lBQ0wsTUFBTTtZQUNOLEtBQUs7WUFDTCxJQUFJLGFBQWE7Z0JBS2YsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGFBQWEsQ0FBQTtZQUMxQyxDQUFDO1lBQ0QsSUFBSSxJQUFJO2dCQUNOLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQXNCLENBQUE7WUFDakQsQ0FBQztTQUNGLENBQUE7SUFDSCxDQUFDLENBQUE7SUFDRCxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxDQUFBO0FBQ25DLENBQUMsQ0FBQSJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue",
-  "version": "2.73.0",
+  "version": "2.73.1",
   "license": "MIT",
   "type": "module",
   "homepage": "https://github.com/effect-ts-app/libs/tree/main/packages/vue",

package/src/makeIntl.ts

@@ -2,7 +2,7 @@
 import { createIntl, createIntlCache, type Formatters, type IntlFormatters, type MessageDescriptor, type ResolvedIntlConfig } from "@formatjs/intl"
 import { typedKeysOf } from "effect-app/utils"
 import { type FormatXMLElementFn, type Options as IntlMessageFormatOptions, type PrimitiveType } from "intl-messageformat"
-import { type Ref, ref, watch } from "vue"
+import { type Ref, watch } from "vue"
 import { translate } from "./form.js"
 import { makeContext } from "./makeContext.js"
 
@@ -15,7 +15,8 @@ export interface IntlShape<T = string> extends ResolvedIntlConfig<T>, IntlFormat
 
 export const makeIntl = <Locale extends string>(
   messages: Record<Locale, Record<string, string>>,
-  setup: () => Ref<NoInfer<Locale>>
+  // TODO: changing locale should really be a page reload, as you don't want to listen to the locale changing at every place
+  localeRef: Ref<NoInfer<Locale>>
 ) => {
   const intlCache = createIntlCache()
 
@@ -23,7 +24,7 @@ export const makeIntl = <Locale extends string>(
     (acc, cur) => {
       acc[cur] = createIntl<Locale>(
         {
-          defaultLocale,
+          defaultLocale: localeRef.value,
           locale: cur,
           messages: messages[cur]
         },
@@ -34,7 +35,7 @@ export const makeIntl = <Locale extends string>(
     {} as Record<Locale, IntlShape<Locale>>
   )
 
-  const LocaleContext = makeContext(ref<Locale>(defaultLocale) as Ref<Locale>)
+  const LocaleContext = makeContext(localeRef)
 
   const useIntl = () => {
     const locale = LocaleContext.use()