refactor: streamline slide counter label format

Author: igordanchenko

src/types.ts

@@ -389,7 +389,7 @@ export interface Labels {
   Carousel?: string;
   Lightbox?: string;
   "Photo gallery"?: string;
-  "{{index}} of {{slidesLength}}"?: string;
+  "{index} of {total}"?: string;
 }
 
 export type Label = keyof Labels;

src/utils.ts

@@ -44,9 +44,9 @@ export function label(labels: Labels | undefined, defaultLabel: Label) {
 }
 
 export function translateSlideCounter(labels: Labels | undefined, slides: Slide[], index: number) {
-  return translateLabel(labels, "{{index}} of {{slidesLength}}")
-    .replace("{{index}}", String(getSlideIndex(index, slides.length) + 1))
-    .replace("{{slidesLength}}", String(slides.length));
+  return translateLabel(labels, "{index} of {total}")
+    .replace(/\{index}/g, `${getSlideIndex(index, slides.length) + 1}`)
+    .replace(/\{total}/g, `${slides.length}`);
 }
 
 export function cleanup(...cleaners: (() => void)[]) {