docs: Add vue examples for suspense page

Author: ntucker

docs/core/api/useSuspense.md

@@ -11,7 +11,6 @@ description: High performance async data rendering without overfetching. useSusp
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import GenericsTabs from '@site/src/components/GenericsTabs';
-import FrameworkTabs, { TabItem as FrameworkTabItem } from '@site/src/components/FrameworkTabs';
 import ConditionalDependencies from '../shared/\_conditional_dependencies.mdx';
 import PaginationDemo from '../shared/\_pagination.mdx';
 import HooksPlayground from '@site/src/components/HooksPlayground';
@@ -42,9 +41,6 @@ values={[
 ]}>
 <TabItem value="rest">
 
-<FrameworkTabs>
-<FrameworkTabItem value="react">
-
 <HooksPlayground fixtures={detailFixtures} row>
 
 ```typescript title="ProfileResource" collapsed
@@ -86,53 +82,6 @@ render(<ProfileDetail />);
 
 </HooksPlayground>
 
-</FrameworkTabItem>
-<FrameworkTabItem value="vue">
-
-<TypeScriptEditor>
-
-```typescript title="ProfileResource" collapsed
-import { Entity, resource } from '@data-client/rest';
-
-export class Profile extends Entity {
-  id: number | undefined = undefined;
-  avatar = '';
-  fullName = '';
-  bio = '';
-
-  static key = 'Profile';
-}
-
-export const ProfileResource = resource({
-  path: '/profiles/:id',
-  schema: Profile,
-});
-```
-
-```html title="ProfileDetail.vue"
-<script setup lang="ts">
-import { useSuspense } from '@data-client/vue';
-import { ProfileResource } from './ProfileResource';
-
-const profile = await useSuspense(ProfileResource.get, { id: 1 });
-</script>
-
-<template>
-  <div class="listItem">
-    <Avatar :src="profile.avatar" />
-    <div>
-      <h4>{{ profile.fullName }}</h4>
-      <p>{{ profile.bio }}</p>
-    </div>
-  </div>
-</template>
-```
-
-</TypeScriptEditor>
-
-</FrameworkTabItem>
-</FrameworkTabs>
-
 </TabItem>
 <TabItem value="other">
 
@@ -185,12 +134,12 @@ render(<ProfileDetail />);
 
 Cache policy is [Stale-While-Revalidate](https://tools.ietf.org/html/rfc5861) by default but also [configurable](../concepts/expiry-policy.md).
 
-| Expiry Status | Fetch           | Suspend | Error             | Conditions                                                                                                                                                                   |
-| ------------- | --------------- | ------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Expiry Status | Fetch           | Suspend | Error             | Conditions                                                                                                                                                             |
+| ------------- | --------------- | ------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Invalid       | yes<sup>1</sup> | yes     | no                | not in store, [deletion](/rest/api/resource#delete), [invalidation](./Controller.md#invalidate), [invalidIfStale](../concepts/expiry-policy.md#endpointinvalidifstale) |
-| Stale         | yes<sup>1</sup> | no      | no                | (first-render, arg change) & [expiry &lt; now](../concepts/expiry-policy.md)                                                                                                 |
-| Valid         | no              | no      | maybe<sup>2</sup> | fetch completion                                                                                                                                                             |
-|               | no              | no      | no                | `null` used as second argument                                                                                                                                               |
+| Stale         | yes<sup>1</sup> | no      | no                | (first-render, arg change) & [expiry &lt; now](../concepts/expiry-policy.md)                                                                                           |
+| Valid         | no              | no      | maybe<sup>2</sup> | fetch completion                                                                                                                                                       |
+|               | no              | no      | no                | `null` used as second argument                                                                                                                                         |
 
 :::note
 
@@ -399,11 +348,7 @@ export const getPosts = new RestEndpoint({
 import { getPosts } from './api/Post';
 
 export default function ArticleList({ page }: { page: string }) {
-  const {
-    posts,
-    nextPage,
-    lastPage,
-  } = useSuspense(getPosts, { page });
+  const { posts, nextPage, lastPage } = useSuspense(getPosts, { page });
   return (
     <div>
       {posts.map(post => (
@@ -439,4 +384,4 @@ less intrusive _loading bar_, like [YouTube](https://youtube.com) and [Robinhood
 
 <StackBlitz app="todo-app" file="src/pages/Home/TodoList.tsx,src/pages/Home/index.tsx,src/useNavigationState.ts" height={600} />
 
-If you need help adding this to your own custom router, check out the [official React guide](https://react.dev/reference/react/useTransition#building-a-suspense-enabled-router)
+If you need help adding this to your own custom router, check out the [official React guide](https://react.dev/reference/react/useTransition#building-a-suspense-enabled-router)