From 257f0c1d02ade45f0557b51d8d4479cfd2fb4697 Mon Sep 17 00:00:00 2001
From: lion414 <84086945+lion414@users.noreply.github.com>
Date: Sat, 8 Apr 2023 19:55:08 +0800
Subject: [PATCH] docs(zh): update composing-stores.md (#2094)

---
 packages/docs/cookbook/composing-stores.md           |  3 ++-
 packages/docs/zh/cookbook/composing-stores.md        |  3 ++-
 packages/docs/zh/core-concepts/actions.md            |  2 +-
 packages/docs/zh/core-concepts/index.md              | 12 ++++++------
 .../docs/zh/core-concepts/outside-component-usage.md |  6 +++---
 packages/docs/zh/core-concepts/plugins.md            |  2 +-
 packages/docs/zh/core-concepts/state.md              |  2 +-
 7 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/docs/cookbook/composing-stores.md b/packages/docs/cookbook/composing-stores.md
index fd3e7eca..c745f36d 100644
--- a/packages/docs/cookbook/composing-stores.md
+++ b/packages/docs/cookbook/composing-stores.md
@@ -51,9 +51,10 @@ import { useUserStore } from './user'
 
 export const useCartStore = defineStore('cart', () => {
   const user = useUserStore()
+  const list = ref([])
 
   const summary = computed(() => {
-    return `Hi ${user.name}, you have ${state.list.length} items in your cart. It costs ${state.price}.`
+    return `Hi ${user.name}, you have ${list.value.length} items in your cart. It costs ${price.value}.`
   })
 
   function purchase() {
diff --git a/packages/docs/zh/cookbook/composing-stores.md b/packages/docs/zh/cookbook/composing-stores.md
index c051c811..9b8a8def 100644
--- a/packages/docs/zh/cookbook/composing-stores.md
+++ b/packages/docs/zh/cookbook/composing-stores.md
@@ -51,9 +51,10 @@ import { useUserStore } from './user'
 
 export const useCartStore = defineStore('cart', () => {
   const user = useUserStore()
+  const list = ref([])
 
   const summary = computed(() => {
-    return `Hi ${user.name}, you have ${state.list.length} items in your cart. It costs ${state.price}.`
+    return `Hi ${user.name}, you have ${list.value.length} items in your cart. It costs ${price.value}.`
   })
 
   function purchase() {
diff --git a/packages/docs/zh/core-concepts/actions.md b/packages/docs/zh/core-concepts/actions.md
index e521dd64..220f5f55 100644
--- a/packages/docs/zh/core-concepts/actions.md
+++ b/packages/docs/zh/core-concepts/actions.md
@@ -208,7 +208,7 @@ unsubscribe()
 ```vue
 <script setup>
 const someStore = useSomeStore()
-// 该订阅器将被保留，即使组件被卸载
+// 此订阅器即便在组件卸载之后仍会被保留
 someStore.$onAction(callback, true)
 </script>
 ```
diff --git a/packages/docs/zh/core-concepts/index.md b/packages/docs/zh/core-concepts/index.md
index 52907709..1e5340e7 100644
--- a/packages/docs/zh/core-concepts/index.md
+++ b/packages/docs/zh/core-concepts/index.md
@@ -77,7 +77,7 @@ Setup store 比 [Option Store](#option-stores) 带来了更多的灵活性，因
 ```vue
 <script setup>
 import { useCounterStore } from '@/stores/counter'
-// 在组件的任何地方访问 `store` 变量 ✨
+// 可以在组件中的任意位置访问 `store` 变量 ✨
 const store = useCounterStore()
 </script>
 ```
@@ -93,8 +93,8 @@ const store = useCounterStore()
 ```vue
 <script setup>
 const store = useCounterStore()
-// ❌ 这样是不可行的，因为它会破坏响应性
-// 就与直接解构 `props` 一样
+// ❌ 这将不起作用，因为它破坏了响应性
+// 这就和直接解构 `props` 一样
 const { name, doubleCount } = store // [!code warning]
 name // 将始终是 "Eduardo" // [!code warning]
 doubleCount // 将始终是 0 // [!code warning]
@@ -113,9 +113,9 @@ const doubleValue = computed(() => store.doubleCount)
 <script setup>
 import { storeToRefs } from 'pinia'
 const store = useCounterStore()
-// `name` 和 `doubleCount` 都是响应式的 ref
-// 这也会提取插件添加的 ref 属性
-// 但会跳过任何 action 或非响应式（非 ref/reactive）属性
+// `name` 和 `doubleCount` 是响应式的 ref
+// 同时通过插件添加的属性也会被提取为 ref
+// 并且会跳过所有的 action 或非响应式 (不是 ref 或 reactive) 的属性
 const { name, doubleCount } = storeToRefs(store)
 // 作为 action 的 increment 可以直接解构
 const { increment } = store
diff --git a/packages/docs/zh/core-concepts/outside-component-usage.md b/packages/docs/zh/core-concepts/outside-component-usage.md
index a4adaaa3..bd5f6416 100644
--- a/packages/docs/zh/core-concepts/outside-component-usage.md
+++ b/packages/docs/zh/core-concepts/outside-component-usage.md
@@ -39,14 +39,14 @@ const router = createRouter({
 const store = useStore()
 
 router.beforeEach((to, from, next) => {
-  // 我们想用这里的 store
+  // 我们想要在这里使用 store
   if (store.isLoggedIn) next()
   else next('/login')
 })
 
 router.beforeEach((to) => {
-  // ✅ 这样做是可行的，因为路由器在安装完之后就会开始导航。
-  // Pinia 也将被安装。
+  // ✅ 这样做是可行的，因为路由器是在其被安装之后开始导航的，
+  // 而此时 Pinia 也已经被安装。
   const store = useStore()
 
   if (to.meta.requiresAuth && !store.isLoggedIn) return '/login'
diff --git a/packages/docs/zh/core-concepts/plugins.md b/packages/docs/zh/core-concepts/plugins.md
index 80972f00..eeeccfd1 100644
--- a/packages/docs/zh/core-concepts/plugins.md
+++ b/packages/docs/zh/core-concepts/plugins.md
@@ -104,7 +104,7 @@ pinia.use(({ store }) => {
 
 ### 添加新的 state %{#adding-new-state}%
 
-如果你想给 store 添加新的 state 属性，或者在激活过程中使用的属性，**你必须同时在两个地方添加它**。
+如果你想给 store 添加新的 state 属性或者在服务端渲染的激活过程中使用的属性，**你必须同时在两个地方添加它**。。
 
 - 在 `store` 上，然后你才可以用 `store.myState` 访问它。
 - 在 `store.$state` 上，然后你才可以在 devtools 中使用它，并且，**在 SSR 时被正确序列化(serialized)**。
diff --git a/packages/docs/zh/core-concepts/state.md b/packages/docs/zh/core-concepts/state.md
index 72613eff..bbb62d63 100644
--- a/packages/docs/zh/core-concepts/state.md
+++ b/packages/docs/zh/core-concepts/state.md
@@ -234,7 +234,7 @@ cartStore.$subscribe((mutation, state) => {
 ```vue
 <script setup>
 const someStore = useSomeStore()
-// 该订阅器将被保留，即使组件被卸载
+// 此订阅器即便在组件卸载之后仍会被保留
 someStore.$subscribe(callback, { detached: true })
 </script>
 ```
-- 
2.47.2