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, 8 insertions, 8 deletions

diff --git a/public/prism/prism-etlua.min.js b/public/prism/prism-etlua.min.js
index 331398d..188ef9d 100644
--- a/public/prism/prism-etlua.min.js
+++ b/public/prism/prism-etlua.min.js
@@ -1,16 +1,16 @@
-!(function (e) {
-  (e.languages.etlua = {
+!(function (a) {
+  (a.languages.etlua = {
     delimiter: { pattern: /^<%[-=]?|-?%>$/, alias: 'punctuation' },
-    'language-lua': { pattern: /[\s\S]+/, inside: e.languages.lua },
+    'language-lua': { pattern: /[\s\S]+/, inside: a.languages.lua },
   }),
-    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,
         'etlua',
         /<%[\s\S]+?%>/g
       );
     }),
-    e.hooks.add('after-tokenize', function (a) {
-      e.languages['markup-templating'].tokenizePlaceholders(a, 'etlua');
+    a.hooks.add('after-tokenize', function (e) {
+      a.languages['markup-templating'].tokenizePlaceholders(e, 'etlua');
     });
 })(Prism);