perf: cache relations for one tick

Author: Akryum

packages/vue/src/item.ts

@@ -2,7 +2,7 @@ import type { Collection, CollectionDefaults, ResolvedCollection, ResolvedCollec
 import type { VueCollectionApi } from './api'
 import type { VueStore } from './store'
 import { peekFirst, peekMany, type UpdateOptions } from '@rstore/core'
-import { markRaw, type Ref } from 'vue'
+import { markRaw, nextTick, type Ref } from 'vue'
 
 export interface WrapItemOptions<
   TCollection extends Collection,
@@ -29,6 +29,8 @@ export function wrapItem<
     return store[collection.name as keyof typeof store] as any
   }
 
+  const relationCache = new Map<string, any>()
+
   const proxy = new Proxy({}, {
     get: (target, key) => {
       switch (key) {
@@ -93,6 +95,11 @@ export function wrapItem<
 
       // Resolve related items in the cache
       if (key in collection.relations) {
+        const cached = relationCache.get(key as string)
+        if (cached) {
+          return cached
+        }
+
         if (Reflect.has(target, key)) {
           // @TODO resolve references
           return Reflect.get(target, key)
@@ -137,12 +144,20 @@ export function wrapItem<
             }
           }
 
+          let finalResult
           if (relation.many) {
-            return result
+            finalResult = result
           }
           else {
-            return result[0]
+            finalResult = result[0]
           }
+
+          relationCache.set(key as string, finalResult)
+          nextTick(() => {
+            relationCache.delete(key as string)
+          })
+
+          return finalResult
         }
       }