fix: use markup language for all template syntax highlighting

juandav · claude · juandav · commit 154335025336 · 2026-03-21T05:57:57.000-05:00
prism-react-renderer doesn't bundle handlebars/pug languages,
so use markup (HTML) for all adapters since templates are HTML-based.

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/apps/website/src/pages/preview.tsx b/apps/website/src/pages/preview.tsx
@@ -361,10 +361,13 @@ function compileTemplate(
   }
 }
 
+// prism-react-renderer only bundles a subset of Prism languages.
+// 'handlebars' and 'pug' are not included, so we use 'markup' (HTML)
+// for all adapters since the templates are HTML-based.
 const adapterToLanguage: Record<Adapter, string> = {
-  handlebars: 'handlebars',
+  handlebars: 'markup',
   ejs: 'markup',
-  pug: 'pug',
+  pug: 'markup',
 };
 
 function HighlightedEditor({

Original file line number	Diff line number	Diff line change
`@@ -361,10 +361,13 @@ function compileTemplate(`
`361`	`361`	`}`
`362`	`362`	`}`
`363`	`363`
	`364`	`+// prism-react-renderer only bundles a subset of Prism languages.`
	`365`	`+// 'handlebars' and 'pug' are not included, so we use 'markup' (HTML)`
	`366`	`+// for all adapters since the templates are HTML-based.`
`364`	`367`	`const adapterToLanguage: Record<Adapter, string> = {`
`365`		`- handlebars: 'handlebars',`
	`368`	`+ handlebars: 'markup',`
`366`	`369`	`ejs: 'markup',`
`367`		`- pug: 'pug',`
	`370`	`+ pug: 'markup',`
`368`	`371`	`};`
`369`	`372`
`370`	`373`	`function HighlightedEditor({`