docs: Add pnpm install instructions

reactive · Aug 12, 2024 · d2898c6 · d2898c6
1 parent 8cc8b18
commit d2898c6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/website/src/components/PkgInstall.js b/website/src/components/PkgInstall.js
@@ -14,6 +14,13 @@ export default function PkgInstall({ pkgs, dev = false, global }) {
         {pkgs}
       </CodeBlock>
     );
+  } else if (relevantTabGroupChoice === 'pnmp') {
+    return (
+      <CodeBlock className="language-bash">
+        pnpm add{global ? ' -g' : ''}
+        {dev ? ' -D' : ''} {pkgs}
+      </CodeBlock>
+    );
   }
   return (
     <CodeBlock className="language-bash">

diff --git a/website/src/components/PkgTabs.js b/website/src/components/PkgTabs.js
@@ -11,6 +11,7 @@ export default function PkgTabs({ pkgs, dev = false }) {
       values={[
         { label: 'NPM', value: 'npm' },
         { label: 'Yarn', value: 'yarn' },
+        { label: 'pnpm', value: 'pnpm' },
         { label: 'esm.sh', value: 'esm' },
       ]}
     >
@@ -25,6 +26,11 @@ export default function PkgTabs({ pkgs, dev = false }) {
           npm install --save{dev ? 'Dev ' : ''} {pkgs}
         </CodeBlock>
       </TabItem>
+      <TabItem value="pnpm">
+        <CodeBlock className="language-bash">
+          pnpm add{dev ? ' -D' : ''} {pkgs}
+        </CodeBlock>
+      </TabItem>
       <TabItem value="esm">
         <CodeBlock className="language-html">
           {`<script type="module">