diff --git a/pages/index.vue b/pages/index.vue index 42a053b..4d5f26e 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -39,12 +39,9 @@ interface TablePost extends Post { } const tableData = computed(() => { - return (posts?.value ?? []).map(post => ({ - userId: post?.userId, + return (posts.value ?? []).map(post => ({ + ...post, userEmail: users?.value?.find(user => user?.id === post?.userId)?.email, - id: post?.id, - title: post?.title, - body: post?.body, } as TablePost)) }) @@ -89,7 +86,7 @@ const columns = [ ] as ColumnDef[] function openPost(post: Post) { - const foundUser = users?.value?.find(user => user?.id === post?.userId) + const foundUser = users.value?.find(user => user?.id === post.userId) if (foundUser) { selectedUser.value = foundUser