feat(locale): provide dir on defineLocale (#2620)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

src/runtime/composables/defineLocale.ts

@@ -1,9 +1,13 @@
-import type { Locale, LocalePair } from '../types/locale'
+import type { Locale, Direction, Messages } from '../types/locale'
+import { defu } from 'defu'
 
-export function defineLocale(name: string, code: string, pair: LocalePair): Locale {
-  return {
-    name,
-    code,
-    ui: pair
-  }
+interface DefineLocaleOptions {
+  name: string
+  code: string
+  dir?: Direction
+  messages: Messages
+}
+
+export function defineLocale(options: DefineLocaleOptions): Locale {
+  return defu<DefineLocaleOptions, [{ dir: Direction }]>(options, { dir: 'ltr' })
 }

src/runtime/composables/useLocale.ts

@@ -3,11 +3,17 @@ import type { InjectionKey, Ref } from 'vue'
 import type { Locale } from '../types/locale'
 import { buildLocaleContext } from '../utils/locale'
 import { en } from '../locale'
+import { createSharedComposable } from '@vueuse/core'
 
 export const localeContextInjectionKey: InjectionKey<Ref<Locale | undefined>> = Symbol('nuxt-ui.locale-context')
 
-export const useLocale = (localeOverrides?: Ref<Locale | undefined>) => {
+const _useLocale = (localeOverrides?: Ref<Locale | undefined>) => {
   const locale = localeOverrides || inject(localeContextInjectionKey, ref())!
 
+  /**
+   * If for some reason the developer does not use `UApp`, we get the language back just in case.
+   */
   return buildLocaleContext(computed(() => locale.value || en))
 }
+
+export const useLocale = createSharedComposable(_useLocale)