Usage

dash("hello world"); // => 'hello-world'
dash("va va_VOOM"); // => 'va-va-voom'
dash("helloWord"); // => 'hello-word'

Installation

CLI

npx atmx add helper dash

Manually

Copy and paste the following method into @/utils/helpers/dash.ts:

import { capitalize } from "@/helpers/capitalize.ts";

/**
* Formats the given string in dash case fashion.
*
* @example
* dash('hello world') // => 'hello-world'
* dash('va va_VOOM') // => 'va-va-voom'
* dash('helloWord') // => 'hello-word'
*/
export function dash(str: string): string {
const parts =
str
  ?.replace(/([A-Z])+/g, capitalize)
  ?.split(/(?=[A-Z])|[\.\-\s_]/)
  .map((x) => x.toLowerCase()) ?? [];
if (parts.length === 0) {
return "";
}
if (parts.length === 1) {
return parts[0];
}
return parts.reduce((acc, part) => {
return `${acc}-${part.toLowerCase()}`;
});
}