enhance(vue): renderDataCompose().result is always just the direct return value

Author: ntucker

.changeset/chilly-towns-run.md

@@ -0,0 +1,27 @@
+---
+'@data-client/vue': minor
+---
+
+Never wrap renderDataCompose().result in ref. Just passthrough the return value directly. Always.
+
+### Before
+```ts
+const { result, cleanup } = await renderDataCompose(() =>
+  useSuspense(CoolerArticleResource.get, { id: payload.id }),
+);
+
+const articleRef = await result.value;
+expect(articleRef.value.title).toBe(payload.title);
+expect(articleRef.value.content).toBe(payload.content);
+```
+
+### After
+```ts
+const { result, cleanup } = await renderDataCompose(() =>
+  useSuspense(CoolerArticleResource.get, { id: payload.id }),
+);
+
+const articleRef = await result;
+expect(articleRef.value.title).toBe(payload.title);
+expect(articleRef.value.content).toBe(payload.content);
+```

packages/vue/src/__tests__/integration-garbage-collection.web.ts

@@ -64,7 +64,7 @@ describe('Integration Garbage Collection Web (Vue)', () => {
 
     await waitForNextUpdate();
 
-    const articleRef = await result.value;
+    const articleRef = await result;
     expect(articleRef?.value.title).toBe(articleData.title);
     expect(articleRef?.value.content).toBe(articleData.content);