From 3cdf4384ab05e8c856442894d1a111df3ec6aef5 Mon Sep 17 00:00:00 2001
From: taroj1205 <taroj1205@gmail.com>
Date: Thu, 5 Jun 2025 14:16:59 +1200
Subject: [PATCH] fix(features): fix translations being split at wrong place

---
 src/components/Features.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Features.astro b/src/components/Features.astro
index d31378b..76efc5b 100644
--- a/src/components/Features.astro
+++ b/src/components/Features.astro
@@ -112,7 +112,8 @@ const descriptions = Object.values(features.featureTabs).map(tab => tab.descript
       </div>
 
       <!-- Mobile description -->
-      <div class="feature-description mt-4 lg:hidden" data-descriptions={descriptions}></div>
+      <div class="feature-description mt-4 lg:hidden" data-descriptions={descriptions.join('|||')}>
+      </div>
     </div>
 
     <div class="sticky top-6 h-fit w-full lg:w-3/5">
@@ -165,7 +166,7 @@ const descriptions = Object.values(features.featureTabs).map(tab => tab.descript
 
   // Set initial description
   const descriptionEl = document.querySelector('.feature-description') as HTMLDivElement
-  const descriptions = descriptionEl?.dataset.descriptions?.split(',')
+  const descriptions = descriptionEl?.dataset.descriptions?.split('|||')
   if (descriptionEl && descriptions) {
     descriptionEl.textContent = descriptions[0]
   }