docs: Add esm.sh instructions

reactive · Sep 21, 2023 · cabe233 · cabe233
1 parent ed23f00
commit cabe233
Showing 1 changed file with 11 additions and 0 deletions.
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: 'esm.sh', value: 'esm' },
       ]}
     >
       <TabItem value="yarn">
@@ -24,6 +25,16 @@ export default function PkgTabs({ pkgs, dev = false }) {
           npm install --save{dev ? 'Dev ' : ''} {pkgs}
         </CodeBlock>
       </TabItem>
+      <TabItem value="esm">
+        <CodeBlock className="language-html">
+          {`<script type="module">
+${pkgs
+  .split(' ')
+  .map(pkg => `  import * from 'https://esm.sh/${pkg}${dev ? '?dev' : ''}';`)
+  .join('\n')}
+</script>`}
+        </CodeBlock>
+      </TabItem>
     </Tabs>
   );
 }