chore: vue3-pinia.md

docs/tutorial/vue3-pinia.md

@@ -4,6 +4,8 @@
 
 > uni-app 内置了 [Pinia](https://pinia.vuejs.org/) 。
 
+> 使用 `HBuilder X` 不需要手动安装，直接使用即可。使用 `CLI` 需要手动安装，执行 `yarn add pinia` 或 `npm install pinia`。
+
 ### Pinia 是什么？
 
 Pinia（发音为 `/piːnjʌ/`，如英语中的 `peenya`） 是 Vue 的存储库，它允许您跨组件、页面共享状态。在服务器端以及小型单页应用程序中，您也可以从使用 Pinia 中获得很多好处：
@@ -16,16 +18,14 @@ Pinia（发音为 `/piːnjʌ/`，如英语中的 `peenya`） 是 Vue 的存储
   - 修改您的存储而不重载您的页面
   - 在开发过程中保持任何现有状态
 - 为 JS 用户提供适当的 TypeScript 支持或自动完成功能
-- 插件: 通过插件扩展 Pinia 功能
-- 服务器端渲染支持
 
-### 项目结构
+## 项目结构
 
 ```
 ├── pages
 ├── static
 └── stores
-    ├── counter.js
+    └── counter.js
 ├── App.vue
 ├── main.js
 ├── manifest.json
@@ -33,7 +33,7 @@ Pinia（发音为 `/piːnjʌ/`，如英语中的 `peenya`） 是 Vue 的存储
 └── uni.scss
 ```
 
-### 基本示例
+## 基本示例
 
 在 `main.js` 中编写以下代码：
 
@@ -46,7 +46,7 @@ export function createApp() {
 	app.use(Pinia.createPinia());
 	return {
 		app,
-		Pinia,
+		Pinia, // 此处必须将 Pinia 返回
 	};
 }
 ```