@ark-ui/vue/dist/providers/locale/use-collator.js

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

import { DEFAULT_LOCALE, useLocaleContext } from "./use-locale-context.js";
import { computed, toValue } from "vue";
import { createCollator } from "@zag-js/i18n-utils";
//#region src/providers/locale/use-collator.ts
function useCollator(propsOrFn = {}) {
	const env = useLocaleContext(DEFAULT_LOCALE);
	return computed(() => {
		const props = toValue(propsOrFn);
		const locale = props.locale ?? env.value.locale;
		const { locale: _, ...options } = props;
		return createCollator(locale, options);
	});
}
//#endregion
export { useCollator };