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

diff --git a/public/prism/prism-excel-formula.js b/public/prism/prism-excel-formula.js
index 1338efe..d206c62 100644
--- a/public/prism/prism-excel-formula.js
+++ b/public/prism/prism-excel-formula.js
@@ -40,12 +40,12 @@ Prism.languages['excel-formula'] = {
   },
   'function-name': {
     pattern: /\b[A-Z]\w*(?=\()/i,
-    alias: 'keyword',
+    alias: 'builtin',
   },
   range: {
     pattern:
       /\$?\b(?:[A-Z]+\$?\d+:\$?[A-Z]+\$?\d+|[A-Z]+:\$?[A-Z]+|\d+:\$?\d+)\b/i,
-    alias: 'property',
+    alias: 'selector',
     inside: {
       operator: /:/,
       cell: /\$?[A-Z]+\$?\d+/i,
@@ -57,7 +57,7 @@ Prism.languages['excel-formula'] = {
     // Excel is case insensitive, so the string "foo1" could be either a variable or a cell.
     // To combat this, we match cells case insensitive, if the contain at least one "$", and case sensitive otherwise.
     pattern: /\b[A-Z]+\d+\b|\$[A-Za-z]+\$?\d+\b|\b[A-Za-z]+\$\d+\b/,
-    alias: 'property',
+    alias: 'selector',
   },
   number: /(?:\b\d+(?:\.\d+)?|\B\.\d+)(?:e[+-]?\d+)?\b/i,
   boolean: /\b(?:FALSE|TRUE)\b/i,