docs: install statements optimized

JOU-amjs · JOU-amjs · commit f86e5c693dca · 2024-11-02T08:54:41.000+08:00
diff --git a/docs/resource/01-request-adapter/01-alova-mock.md b/docs/resource/01-request-adapter/01-alova-mock.md
@@ -20,21 +20,21 @@ This mock plug-in is an alova request adapter. Different from the traditional Pr
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/mock --save
+npm install alova @alova/mock --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/mock
+yarn add alova @alova/mock
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/mock
+pnpm install alova @alova/mock
 ```
 
 </TabItem>
diff --git a/docs/resource/01-request-adapter/03-xhr.md b/docs/resource/01-request-adapter/03-xhr.md
@@ -11,21 +11,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-xhr --save
+npm install alova @alova/adapter-xhr --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-xhr
+yarn add alova @alova/adapter-xhr
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-xhr
+pnpm install alova @alova/adapter-xhr
 ```
 
 </TabItem>
diff --git a/docs/resource/01-request-adapter/04-axios.md b/docs/resource/01-request-adapter/04-axios.md
@@ -11,21 +11,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-axios axios --save
+npm install alova @alova/adapter-axios axios --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-axios axios
+yarn add alova @alova/adapter-axios axios
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-axios axios
+pnpm install alova @alova/adapter-axios axios
 ```
 
 </TabItem>
diff --git a/docs/resource/01-request-adapter/05-uniapp.md b/docs/resource/01-request-adapter/05-uniapp.md
@@ -17,21 +17,21 @@ This plugin only supports vue3 version of uniapp application.
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-uniapp @alova/shared --save
+npm install alova @alova/adapter-uniapp @alova/shared --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-uniapp @alova/shared
+yarn add alova @alova/adapter-uniapp @alova/shared
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-uniapp @alova/shared
+pnpm install alova @alova/adapter-uniapp @alova/shared
 ```
 
 </TabItem>
diff --git a/docs/resource/01-request-adapter/06-taro.md b/docs/resource/01-request-adapter/06-taro.md
@@ -17,21 +17,21 @@ This plugin only supports the taro application of react 16.8+, vue3 version.
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-taro --save
+npm install alova @alova/adapter-taro --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-taro
+yarn add alova @alova/adapter-taro
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-taro
+pnpm install alova @alova/adapter-taro
 ```
 
 </TabItem>
diff --git a/docs/resource/02-storage-adapter/01-psc.md b/docs/resource/02-storage-adapter/01-psc.md
@@ -15,7 +15,12 @@ Only supports Alova 3.0 and above.
 ## Install
 
 ```bash
-npm install @alova/psc --save
+# npm
+npm install alova @alova/psc --save
+# yarn
+yarn add alova @alova/psc
+# npm
+pnpm install alova @alova/psc
 ```
 
 ## Use in Node.js
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/01-alova-mock.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/01-alova-mock.md
@@ -20,21 +20,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/mock --save
+npm install alova @alova/mock --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/mock
+yarn add alova @alova/mock
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/mock
+pnpm install alova @alova/mock
 ```
 
 </TabItem>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/03-xhr.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/03-xhr.md
@@ -11,21 +11,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-xhr --save
+npm install alova @alova/adapter-xhr --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-xhr
+yarn add alova @alova/adapter-xhr
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-xhr
+pnpm install alova @alova/adapter-xhr
 ```
 
 </TabItem>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/04-axios.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/04-axios.md
@@ -11,21 +11,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-axios axios --save
+npm install alova @alova/adapter-axios axios --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-axios axios
+yarn add alova @alova/adapter-axios axios
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-axios axios
+pnpm install alova @alova/adapter-axios axios
 ```
 
 </TabItem>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/05-uniapp.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/05-uniapp.md
@@ -17,21 +17,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-uniapp @alova/shared --save
+npm install alova @alova/adapter-uniapp @alova/shared --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-uniapp @alova/shared
+yarn add alova @alova/adapter-uniapp @alova/shared
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-uniapp @alova/shared
+pnpm install alova @alova/adapter-uniapp @alova/shared
 ```
 
 </TabItem>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/06-taro.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/01-request-adapter/06-taro.md
@@ -17,21 +17,21 @@ import TabItem from '@theme/TabItem';
 <TabItem value="1" label="npm">
 
 ```bash
-npm install @alova/adapter-taro --save
+npm install alova @alova/adapter-taro --save
 ```
 
 </TabItem>
 <TabItem value="2" label="yarn">
 
 ```bash
-yarn add @alova/adapter-taro
+yarn add alova @alova/adapter-taro
 ```
 
 </TabItem>
 <TabItem value="3" label="pnpm">
 
 ```bash
-pnpm install @alova/adapter-taro
+pnpm install alova @alova/adapter-taro
 ```
 
 </TabItem>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/02-storage-adapter/01-psc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/resource/02-storage-adapter/01-psc.md
@@ -15,7 +15,12 @@ title: 进程共享适配器
 ## 安装
 
 ```bash
-npm install @alova/psc --save
+# npm
+npm install alova @alova/psc --save
+# yarn
+yarn add alova @alova/psc
+# npm
+pnpm install alova @alova/psc
 ```
 
 ## 在 Node.js 中使用
diff --git a/src/components/EmbedSandpack.tsx b/src/components/EmbedSandpack.tsx
@@ -37,7 +37,7 @@ const fileEntry = {
     }
   },
   solid: {
-    root: '/App.js',
+    root: '/App.jsx',
     files: {
       '/api.js': alovaSolid
     }
@@ -87,6 +87,40 @@ const customSetup = {
     },
     main: '/App.svelte',
     environment: 'svelte'
+  }),
+  solid: (commonConfig: Record<string, any>) => ({
+    files: {
+      '/index.js': {
+        code: `import { render } from "solid-js/web";
+import App from "./App";
+import "./styles.css";
+render(() => App(), document.getElementById("app"));`,
+        hidden: true
+      },
+      '/public/index.html': {
+        code: `<html>
+<head>
+  <title>Parcel Sandbox</title>
+  <meta charset="UTF-8" />
+</head>
+<body>
+  <div id="app"></div>
+  <script src="src/index.js"></script>
+</body>
+</html>`,
+        hidden: true
+      },
+      ...commonConfig.files
+    },
+    customSetup: {
+      entry: '/index.js',
+      dependencies: {
+        svelte: '^1.8.19',
+        ...commonConfig.customSetup.dependencies
+      }
+    },
+    main: '/App.jsx',
+    environment: 'solid'
   })
 };
 
