fix(useLocale): prevent hydration error when switching locale

benjamincanac · benjamincanac · commit 15c7991b1186 · 2025-07-24T10:46:48.000+02:00
diff --git a/src/runtime/composables/useLocale.ts b/src/runtime/composables/useLocale.ts
@@ -13,4 +13,4 @@ const _useLocale = (localeOverrides?: Ref<Locale<Messages> | undefined>) => {
   return buildLocaleContext<Messages>(computed(() => locale.value || en))
 }
 
-export const useLocale = /* @__PURE__ */ createSharedComposable(_useLocale)
+export const useLocale = /* @__PURE__ */ import.meta.client ? createSharedComposable(_useLocale) : _useLocale

Original file line number	Diff line number	Diff line change
`@@ -13,4 +13,4 @@ const _useLocale = (localeOverrides?: Ref<Locale<Messages> \| undefined>) => {`
`13`	`13`	`return buildLocaleContext<Messages>(computed(() => locale.value \|\| en))`
`14`	`14`	`}`
`15`	`15`
`16`		`-export const useLocale = /* @__PURE__ */ createSharedComposable(_useLocale)`
	`16`	`+export const useLocale = /* @__PURE__ */ import.meta.client ? createSharedComposable(_useLocale) : _useLocale`