fix(pat-syntax-highlight): Do not load all languages.

thet · thet · commit 6dec1f8db3d6 · 2022-11-24T17:18:41.000+01:00
Change the import so that no language is included by default.
Instead import the languages dynamically.

This reduces the download size when pat-syntaax-highlight is used
significantly.
diff --git a/src/pat/syntax-highlight/syntax-highlight.js b/src/pat/syntax-highlight/syntax-highlight.js
@@ -34,7 +34,7 @@ class Pattern extends BasePattern {
         }
 
         import(`highlight.js/styles/${theme}.css`);
-        const hljs = (await import("highlight.js")).default;
+        const hljs = (await import("highlight.js/lib/core")).default;
 
         // Get the language
         let language = [..._el.classList, ...this.el.classList]

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ class Pattern extends BasePattern {`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	import(`highlight.js/styles/${theme}.css`);
`37`		`- const hljs = (await import("highlight.js")).default;`
	`37`	`+ const hljs = (await import("highlight.js/lib/core")).default;`
`38`	`38`
`39`	`39`	`// Get the language`
`40`	`40`	`let language = [..._el.classList, ...this.el.classList]`