From 3815cd1b3368ac4798737cfda2a9b38691989c76 Mon Sep 17 00:00:00 2001
From: Cosmin Popovici <hellocosmin@gmail.com>
Date: Thu, 13 Oct 2022 16:54:42 +0300
Subject: [PATCH] refactor: add default replacements for safeClassNames

---
 src/transformers/filters/index.js  | 7 ++++++-
 src/transformers/safeClassNames.js | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/transformers/filters/index.js b/src/transformers/filters/index.js
index 83e7e94b..5efcb127 100644
--- a/src/transformers/filters/index.js
+++ b/src/transformers/filters/index.js
@@ -29,7 +29,12 @@ module.exports = async (html, config = {}, direct = false) => {
   ]
 
   if (get(config, 'safeClassNames') !== false) {
-    posthtmlPlugins.push(safeClassNames())
+    posthtmlPlugins.push(safeClassNames({
+      replacements: {
+        '{': '{',
+        '}': '}'
+      }
+    }))
   }
 
   return posthtml(posthtmlPlugins)
diff --git a/src/transformers/safeClassNames.js b/src/transformers/safeClassNames.js
index 7987d69a..13b1bbe8 100644
--- a/src/transformers/safeClassNames.js
+++ b/src/transformers/safeClassNames.js
@@ -19,7 +19,10 @@ module.exports = async (html, config = {}, direct = false) => {
   }
 
   const posthtmlOptions = merge(defaultConfig, get(config, 'build.posthtml.options', {}))
-  const replacements = direct ? config : get(config, 'safeClassNames', {})
+  const replacements = direct ? config : get(config, 'safeClassNames', {
+    '{': '{',
+    '}': '}'
+  })
 
   return posthtml([safeClassNames({replacements})]).process(html, posthtmlOptions).then(result => result.html)
 }