homebox/frontend/composables/use-ids.ts

function slugify(text: string) {
  return text
    .toString()
    .toLowerCase()
    .replace(/\s+/g, "-") // Replace spaces with -
    .replace(/[^\w-]+/g, "") // Remove all non-word chars
    .replace(/--+/g, "-") // Replace multiple - with single -
    .replace(/^-+/, "") // Trim - from start of text
    .replace(/-+$/, ""); // Trim - from end of text
}

function idGenerator(): string {
  const id = Math.random().toString(32).substring(2, 6) + Math.random().toString(36).substring(2, 6);
  return slugify(id);
}

/**
 * useFormIds uses the provided label to generate a unique id for the
 * form element. If no label is provided the id is generated using a
 * random string.
 */
export function useFormIds(label: string): string {
  const slug = label ? slugify(label) : idGenerator();
  return `${slug}-${idGenerator()}`;
}

export function useId(): string {
  return idGenerator();
}