chore(fs.dev): Prebuild

packages/freesewing.shared/components/mdx/highlight.js

@@ -1,23 +1,24 @@
 const names = {
-  js: 'javascript'
+  js: 'javascript',
+  bash: 'bash',
+  sh: 'shell',
 }
 
-const Highlight = ({
-  children=[],
-  className='language-js',
-  lang='js'
-}) => {
+const Highlight = (props) => {
+  const {
+    children=[],
+    className='language-js',
+  } = props
+  console.log(props.children.props)
 
-  const language = lang
-    ? lang
-    : (className === '') ? 'js' : className.split('-').pop()
+  const language = props.children.props.className.split('-').pop()
 
   return (
     <div className="hljs my-4">
       <div className={`text-xs uppercase font-bold text-neutral-content mt-1 text-center border-b border-neutral-content border-opacity-25 py-1 mb-2 lg:text-sm`}>
         {names[language] ? names[language] : language}
       </div>
-      <pre className="language-js hljs text-base lg:text-lg">{children}</pre>
+      <pre className={`language-${language} hljs text-base lg:text-lg`}>{children}</pre>
     </div>
   )
 }