📝 [docs] Move the playground link to navibar

.github/actions/copy-examples-to-docs/copy-examples-to-docs.js

@@ -70,6 +70,9 @@ title: ${rules[0].description}
 ${jsCode}
 \`\`\`
 
+Copy and edit the above code in [the online editor](https://stackblitz.com/github/evan-liu/karabiner.ts/tree/main/editor?embed=1&file=rules.js&hideExplorer=1&hideNavigation=1&terminalHeight=20&title=karabiner.ts%20editor),
+or copy the below JSON and [add to Karabiner-Elements](https://karabiner-elements.pqrs.org/docs/manual/configuration/configure-complex-modifications/#create-your-own-rules). 
+
 \`\`\`json
 ${jsonCode}
 \`\`\`

README.md

@@ -19,9 +19,7 @@ Write [Karabiner-Elements](https://github.com/pqrs-org/Karabiner-Elements) confi
 ## Learn More
 
 - [📝 Docs](https://evan-liu.github.io/karabiner.ts/)
-  - [🛝 Playground](https://evan-liu.github.io/karabiner.ts/playground)
-- [Examples](https://github.com/evan-liu/karabiner.ts.examples/blob/main/src/index.ts)
-  - [evan-liu/karabiner-config](https://github.com/evan-liu/karabiner-config/blob/main/src/index.ts)
+- [🛝 Playground](https://stackblitz.com/github/evan-liu/karabiner.ts/tree/main/editor?embed=1&file=rules.js&hideExplorer=1&hideNavigation=1&terminalHeight=20&title=karabiner.ts%20editor)
 
 ## Usage with Node.js
 

docs/docusaurus.config.js

@@ -53,6 +53,11 @@ const config = {
             label: 'karabiner.ts',
             position: 'left',
           },
+          {
+            href: 'https://stackblitz.com/github/evan-liu/karabiner.ts/tree/main/editor?embed=1&file=rules.js&hideExplorer=1&hideNavigation=1&terminalHeight=20&title=karabiner.ts%20editor',
+            label: 'online editor',
+            position: 'left',
+          },
         ],
       },
       footer: {},

docs/sidebars.js

@@ -4,7 +4,6 @@
 const sidebars = {
   docs: [
     'intro',
-    'playground',
     {
       type: 'category',
       label: 'Rules',