discourse-custom-wizard/assets/javascripts/discourse/helpers/wizard-char-counter.js

import Handlebars from "handlebars";
import I18n from "I18n";

export default function wizardCharCounter(body, maxLength) {
  let bodyLength = body ? body.length : 0;
  let finalString;

  if (maxLength) {
    let isOverMax = bodyLength > maxLength ? "true" : "false";
    finalString = `<div class="body-length" data-length=${bodyLength} data-over-max=${isOverMax}>${bodyLength} / ${I18n.t(
      "wizard.x_characters",
      { count: parseInt(maxLength, 10) }
    )}</div>`;
  } else {
    finalString = `<div class="body-length">${I18n.t("wizard.x_characters", {
      count: parseInt(bodyLength, 10),
    })}</div>`;
  }

  return new Handlebars.SafeString(finalString);
}