refac

src/routes/(app)/workspace/prompts/create/+page.svelte

@@ -180,13 +180,14 @@
 				</div>
 
 				<div class="text-xs text-gray-400 dark:text-gray-500">
-					ⓘ {$i18n.t('Format your variables using square brackets like this:')}&nbsp;<span
-						class=" text-gray-600 dark:text-gray-300 font-medium">[{$i18n.t('variable')}]</span
+					ⓘ {$i18n.t('Format your variables using brackets like this:')}&nbsp;<span
+						class=" text-gray-600 dark:text-gray-300 font-medium"
+						>{'{{'}{$i18n.t('variable')}{'}}'}</span
 					>.
 					{$i18n.t('Make sure to enclose them with')}
-					<span class=" text-gray-600 dark:text-gray-300 font-medium">'['</span>
+					<span class=" text-gray-600 dark:text-gray-300 font-medium">{'{{'}</span>
 					{$i18n.t('and')}
-					<span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span>.
+					<span class=" text-gray-600 dark:text-gray-300 font-medium">{'}}'}</span>.
 				</div>
 
 				<div class="text-xs text-gray-400 dark:text-gray-500">

src/routes/(app)/workspace/prompts/edit/+page.svelte

@@ -167,13 +167,14 @@
 				</div>
 
 				<div class="text-xs text-gray-400 dark:text-gray-500">
-					ⓘ {$i18n.t('Format your variables using square brackets like this:')}&nbsp;<span
-						class=" text-gray-600 dark:text-gray-300 font-medium">[{$i18n.t('variable')}]</span
+					ⓘ {$i18n.t('Format your variables using brackets like this:')}&nbsp;<span
+						class=" text-gray-600 dark:text-gray-300 font-medium"
+						>{'{{'}{$i18n.t('variable')}{'}}'}</span
 					>.
 					{$i18n.t('Make sure to enclose them with')}
-					<span class=" text-gray-600 dark:text-gray-300 font-medium">'['</span>
+					<span class=" text-gray-600 dark:text-gray-300 font-medium">{'{{'}</span>
 					{$i18n.t('and')}
-					<span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span>.
+					<span class=" text-gray-600 dark:text-gray-300 font-medium">{'}}'}</span>.
 				</div>
 
 				<div class="text-xs text-gray-400 dark:text-gray-500">