Update syntaxhighlighter.tsx to support vue

Added vue syntax highligh support
storybookjs · Nov 13, 2024 · 36e6844 · 36e6844
1 parent 53ffd11
commit 36e6844
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx
@@ -22,6 +22,7 @@ import tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';
 import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
 import yml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml';
 import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';
+import vue from 'react-syntax-highlighter/dist/esm/languages/hljs/vue';
 
 import { ActionBar } from '../ActionBar/ActionBar';
 import type { ScrollAreaProps } from '../ScrollArea/ScrollArea';
@@ -46,6 +47,7 @@ export const supportedLanguages = {
   tsx,
   typescript,
   graphql,
+  vue
 };
 
 Object.entries(supportedLanguages).forEach(([key, val]) => {