refactor(components): rewrite Code component and usePrism hook

* move Prism styles to Sass placeholders to avoid repeats
* let usePrism consumer define its plugins (remove default ones)
* remove `plugins` prop from Code component
* add new props to Code component to let consumer configure plugins
(and handle plugin list from the given options)

However there are some problems with Prism plugins: line-highlight and
treeview does not seems to be loaded. I don't want to use Babel instead
of SWC so I have no solution for now.

1 files changed, 9 insertions, 9 deletions

diff --git a/public/prism/prism-ejs.min.js b/public/prism/prism-ejs.min.js
index fe2c434..2c778e2 100644
--- a/public/prism/prism-ejs.min.js
+++ b/public/prism/prism-ejs.min.js
@@ -1,21 +1,21 @@
-!(function (e) {
-  (e.languages.ejs = {
+!(function (a) {
+  (a.languages.ejs = {
     delimiter: { pattern: /^<%[-_=]?|[-_]?%>$/, alias: 'punctuation' },
     comment: /^#[\s\S]*/,
     'language-javascript': {
       pattern: /[\s\S]+/,
-      inside: e.languages.javascript,
+      inside: a.languages.javascript,
     },
   }),
-    e.hooks.add('before-tokenize', function (a) {
-      e.languages['markup-templating'].buildPlaceholders(
-        a,
+    a.hooks.add('before-tokenize', function (e) {
+      a.languages['markup-templating'].buildPlaceholders(
+        e,
         'ejs',
         /<%(?!%)[\s\S]+?%>/g
       );
     }),
-    e.hooks.add('after-tokenize', function (a) {
-      e.languages['markup-templating'].tokenizePlaceholders(a, 'ejs');
+    a.hooks.add('after-tokenize', function (e) {
+      a.languages['markup-templating'].tokenizePlaceholders(e, 'ejs');
     }),
-    (e.languages.eta = e.languages.ejs);
+    (a.languages.eta = a.languages.ejs);
 })(Prism);