Add 'bash' language to prism

Author: Adam Plesnik

docs/src/components/CodeBlock.tsx

@@ -44,7 +44,7 @@ const CodeBlock = ({
 export interface CodeProps {
   children: PropsWithChildren
   Icon?: LucideIcon | undefined
-  language?: 'javascript' | 'css' | 'html'
+  language?: 'javascript' | 'css' | 'html' | 'bash'
   linkHref?: string | undefined
   linkText?: string | undefined
 }

docs/src/partials/Installation.tsx

@@ -14,7 +14,9 @@ const Installation = () => {
     <div>
       <Heading size={2}>Installation</Heading>
       <Paragraph>Install the plugin from npm.</Paragraph>
-      <CodeBlock>npm install @adam.plesnik/tailwindcss-scroll-driven-animations</CodeBlock>
+      <CodeBlock language="bash">
+        npm install @adam.plesnik/tailwindcss-scroll-driven-animations
+      </CodeBlock>
       <Paragraph> Then add the plugin to your tailwind.config.js.</Paragraph>
       <CodeBlock>{plugin}</CodeBlock>
     </div>

docs/vite.config.ts

@@ -3,5 +3,18 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react({
+      babel: {
+        plugins: [
+          [
+            'prismjs',
+            {
+              languages: ['js', 'css', 'html', 'tsx', 'bash'],
+            },
+          ],
+        ],
+      },
+    }),
+  ],
 })

package-lock.json

@@ -23,6 +23,7 @@
     "@swc/cli": "^0.3.10",
     "@swc/core": "^1.4.11",
     "@types/jest": "^29.5.12",
+    "babel-plugin-prismjs": "^2.1.0",
     "prettier": "^3.2.5",
     "swcify": "^1.0.1",
     "tailwindcss": "^0.0.0-insiders.3ba51d1",