feat: Add suspense handling to examples

Fixes #22

Author: peterbud

examples/minimal/app.vue

@@ -3,10 +3,14 @@ const getUsers = async () => {
   return await $fetch('https://jsonplaceholder.typicode.com/users')
 }
 
-const { isPending: isPending, data: users } = useQuery({
+const { isPending: isPending, data: users, suspense } = useQuery({
   queryKey: ['users'],
   queryFn: getUsers,
 })
+
+onServerPrefetch(async () => {
+  await suspense()
+})
 </script>
 
 <template>

playground/app/app.vue

@@ -12,7 +12,7 @@ const getPosts = async (userId) => {
   return await $fetch(url, { method: 'GET', params: { userId } })
 }
 
-const { isPending: isUsersPending, data: users } = useQuery({
+const { isPending: isUsersPending, data: users, suspense } = useQuery({
   queryKey: ['users'],
   queryFn: getUsers,
 })
@@ -42,6 +42,10 @@ const { mutate: addPost, isPending: isMutationPending } = useMutation({
   },
 })
 
+onServerPrefetch(async () => {
+  await suspense()
+})
+
 function selectUser(user) {
   selectedUser.value = user
 }