Conversor para kebab-case

O título do post está pronto, São Paulo: Ação em 2024, e falta a URL. Escrever o slug na mão é onde entra o acento que quebra o link ao ser copiado, o espaço que vira %20 e a maiúscula que acaba criando duas páginas para o mesmo conteúdo. Cole o título no campo e sai sao-paulo-acao-2024, no formato que serve tanto para a URL quanto para nome de arquivo CSS e atributo HTML.

O separador é o hífen, e é o que se espera numa URL: buscadores tratam hífen como divisor de palavras, underscore nem tanto. A quebra em palavras remove acentos por decomposição, descarta pontuação e ainda separa camelCase, então minhaPagina sai minha-pagina e foo_bar sai foo-bar. Símbolo não vira palavra, ele some: Preço Unitário (R$) termina em preco-unitario-r, com aquele r solto que veio do cifrão.

Revise antes de publicar. A ferramenta não corta o comprimento nem remove palavras de ligação, então título longo devolve slug longo e o corte fica com você. Classe CSS começando por dígito, como 2024-vendas, precisa de escape para funcionar em seletor. O campo trata todo o texto como um slug só, inclusive quebras de linha, então converta um título de cada vez. O processamento acontece no navegador, nada é enviado.