chore: notes about patch

diff --git a/__tests__/store.patch.spec.ts b/__tests__/store.patch.spec.ts
index e4492e24a68858c63d4b860c3020c91c931d4089..707d28babc44f716528b150a14eca11ef322a556 100644 (file)
--- a/__tests__/store.patch.spec.ts
+++ b/__tests__/store.patch.spec.ts
@@ -54,9 +54,13 @@ describe('store.$patch', () => {
 
   it('can patch an item that has been copied to an array', () => {
     const store = useArrayStore()
-    store.$patch({ currentItem: { id: 2 } })
+    store.$state.currentItem = { id: 2 }
+    // NOTE: a patch of an object is always recursive, writing in the object, in
+    // place.
+    //store.$patch({ currentItem: { id: 2 } })
     store.items.push(store.currentItem)
-    store.$patch({ currentItem: { id: 3 } })
+    // store.$patch({ currentItem: { id: 3 } })
+    store.$state.currentItem = { id: 3 }
 
     expect(store.$state.items).toEqual([{ id: 0 }, { id: 2 }])
     expect(store.items).toEqual([{ id: 0 }, { id: 2 }])

diff --git a/playground/src/stores/jokes.ts b/playground/src/stores/jokes.ts
index f249a5f7be42155fe82c29ae47215b39ffcde494..340d7f50ef99dd435edfba50ceb289be4bae3e9f 100644 (file)
--- a/playground/src/stores/jokes.ts
+++ b/playground/src/stores/jokes.ts
@@ -18,8 +18,9 @@ export const useJokes = defineStore('jokes', {
         this.jokes.push(this.current)
       }
 
-      this.$patch({ current: await getRandomJoke() })
-      // this.current = await getRandomJoke()
+      // NOTE: Avoid patching an object because it's recursive
+      // this.$patch({ current: await getRandomJoke() })
+      this.current = await getRandomJoke()
     },
   },
 })