From 8291ef452dcf31a3c5dc666c3a2436ba4387b02e Mon Sep 17 00:00:00 2001
From: Shl <kitkitcot@yandex.ru>
Date: Sun, 7 Jul 2024 22:47:59 +0700
Subject: [PATCH] docs: add sub components example

---
 .../src/content/docs/components/data-table.md |  38 +
 apps/www/src/examples/tasks/Example.vue       |  11 +-
 .../examples/tasks/components/DataTable.vue   |  35 +-
 .../components/DataTableFacetedFilter.vue     |  23 +-
 .../tasks/components/DataTablePagination.vue  |   5 +-
 .../tasks/components/DataTableRowActions.vue  |   8 +
 .../tasks/components/DataTableToolbar.vue     |   6 +-
 .../tasks/components/DataTableUser.vue        |  43 +
 .../tasks/components/DataTableViewOptions.vue |   5 +-
 .../src/examples/tasks/components/columns.ts  |   4 +-
 apps/www/src/examples/tasks/data/schema.ts    |   7 +
 apps/www/src/examples/tasks/data/tasks.json   | 900 ++++++++++++++++--
 12 files changed, 956 insertions(+), 129 deletions(-)
 create mode 100644 apps/www/src/examples/tasks/components/DataTableUser.vue

diff --git a/apps/www/src/content/docs/components/data-table.md b/apps/www/src/content/docs/components/data-table.md
index b43074b4..933dbccb 100644
--- a/apps/www/src/content/docs/components/data-table.md
+++ b/apps/www/src/content/docs/components/data-table.md
@@ -1368,3 +1368,41 @@ const columns = computed(() => props.table.getAllColumns()
 ```vue
 <DataTableViewOptions :table="table" />
 ```
+
+### Expanding
+
+Let's add the display of arbitrary content in expandable rows
+
+```vue
+<script setup lang="ts" generic="TData, TValue">
+const props = defineProps<{
+  columns: ColumnDef<TData, TValue>[]
+  data: TData[]
+  renderSubComponent: (row: Row<TData>) => VNode
+}>()
+</script>
+
+<template>
+  <!-- Table -->
+  <TableRow v-if="row.getIsExpanded()">
+    <TableCell :colspan="row.getAllCells().length">
+      <FlexRender :render="renderSubComponent(row)" />
+    </TableCell>
+  </TableRow>
+<!-- Table -->
+</template>
+```
+
+Now we are not bound to columns content, we can render any component with any content
+
+```vue
+<script setup lang="ts">
+function renderSubComponent(row: Row<Task>): VNode {
+  return h(User, { row })
+}
+</script>
+
+<template>
+  <DataTable :data="tasks" :columns="columns" :render-sub-component="renderSubComponent" />
+</template>
+```
diff --git a/apps/www/src/examples/tasks/Example.vue b/apps/www/src/examples/tasks/Example.vue
index cd8257c5..869b2c5b 100644
--- a/apps/www/src/examples/tasks/Example.vue
+++ b/apps/www/src/examples/tasks/Example.vue
@@ -1,8 +1,17 @@
 <script setup lang="ts">
+import type { Row } from '@tanstack/vue-table'
+import type { VNode } from 'vue'
+import { h } from 'vue'
 import tasks from './data/tasks.json'
 import DataTable from './components/DataTable.vue'
 import UserNav from './components/UserNav.vue'
 import { columns } from './components/columns'
+import type { Task } from './data/schema'
+import User from './components/DataTableUser.vue'
+
+function renderSubComponent(row: Row<Task>): VNode {
+  return h(User, { row })
+}
 </script>
 
 <template>
@@ -31,6 +40,6 @@ import { columns } from './components/columns'
         <UserNav />
       </div>
     </div>
-    <DataTable :data="tasks" :columns="columns" />
+    <DataTable :data="tasks" :columns="columns" :render-sub-component="renderSubComponent" />
   </div>
 </template>
diff --git a/apps/www/src/examples/tasks/components/DataTable.vue b/apps/www/src/examples/tasks/components/DataTable.vue
index 4730b371..21d81f47 100644
--- a/apps/www/src/examples/tasks/components/DataTable.vue
+++ b/apps/www/src/examples/tasks/components/DataTable.vue
@@ -1,7 +1,9 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="TData, TValue">
 import type {
   ColumnDef,
   ColumnFiltersState,
+  ExpandedState,
+  Row,
   SortingState,
   VisibilityState,
 } from '@tanstack/vue-table'
@@ -17,7 +19,7 @@ import {
 } from '@tanstack/vue-table'
 
 import { ref } from 'vue'
-import type { Task } from '../data/schema'
+import type { VNode } from 'vue'
 import DataTablePagination from './DataTablePagination.vue'
 import DataTableToolbar from './DataTableToolbar.vue'
 import { valueUpdater } from '@/lib/utils'
@@ -31,8 +33,9 @@ import {
 } from '@/lib/registry/new-york/ui/table'
 
 interface DataTableProps {
-  columns: ColumnDef<Task, any>[]
-  data: Task[]
+  columns: ColumnDef<TData, TValue>[]
+  data: TData[]
+  renderSubComponent: (row: Row<TData>) => VNode
 }
 const props = defineProps<DataTableProps>()
 
@@ -40,6 +43,7 @@ const sorting = ref<SortingState>([])
 const columnFilters = ref<ColumnFiltersState>([])
 const columnVisibility = ref<VisibilityState>({})
 const rowSelection = ref({})
+const expanded = ref<ExpandedState>({})
 
 const table = useVueTable({
   get data() { return props.data },
@@ -49,12 +53,14 @@ const table = useVueTable({
     get columnFilters() { return columnFilters.value },
     get columnVisibility() { return columnVisibility.value },
     get rowSelection() { return rowSelection.value },
+    get expanded() { return expanded.value },
   },
   enableRowSelection: true,
   onSortingChange: updaterOrValue => valueUpdater(updaterOrValue, sorting),
   onColumnFiltersChange: updaterOrValue => valueUpdater(updaterOrValue, columnFilters),
   onColumnVisibilityChange: updaterOrValue => valueUpdater(updaterOrValue, columnVisibility),
   onRowSelectionChange: updaterOrValue => valueUpdater(updaterOrValue, rowSelection),
+  onExpandedChange: updaterOrValue => valueUpdater(updaterOrValue, expanded),
   getCoreRowModel: getCoreRowModel(),
   getFilteredRowModel: getFilteredRowModel(),
   getPaginationRowModel: getPaginationRowModel(),
@@ -78,15 +84,18 @@ const table = useVueTable({
         </TableHeader>
         <TableBody>
           <template v-if="table.getRowModel().rows?.length">
-            <TableRow
-              v-for="row in table.getRowModel().rows"
-              :key="row.id"
-              :data-state="row.getIsSelected() && 'selected'"
-            >
-              <TableCell v-for="cell in row.getVisibleCells()" :key="cell.id">
-                <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
-              </TableCell>
-            </TableRow>
+            <template v-for="row in table.getRowModel().rows" :key="row.id">
+              <TableRow :data-state="row.getIsSelected() && 'selected'">
+                <TableCell v-for="cell in row.getVisibleCells()" :key="cell.id">
+                  <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
+                </TableCell>
+              </TableRow>
+              <TableRow v-if="row.getIsExpanded()" class="shadow-inner">
+                <TableCell :colspan="row.getAllCells().length">
+                  <FlexRender :render="renderSubComponent(row)" />
+                </TableCell>
+              </TableRow>
+            </template>
           </template>
 
           <TableRow v-else>
diff --git a/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue b/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
index 63205fd6..24f8cd4a 100644
--- a/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
+++ b/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
@@ -1,8 +1,7 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="TData">
 import type { Column } from '@tanstack/vue-table'
 import type { Component } from 'vue'
 import { computed } from 'vue'
-import type { Task } from '../data/schema'
 import PlusCircledIcon from '~icons/radix-icons/plus-circled'
 import CheckIcon from '~icons/radix-icons/check'
 
@@ -19,7 +18,7 @@ import { Separator } from '@/lib/registry/new-york/ui/separator'
 import { cn } from '@/lib/utils'
 
 interface DataTableFacetedFilter {
-  column?: Column<Task, any>
+  column?: Column<TData, any>
   title?: string
   options: {
     label: string
@@ -32,6 +31,22 @@ const props = defineProps<DataTableFacetedFilter>()
 
 const facets = computed(() => props.column?.getFacetedUniqueValues())
 const selectedValues = computed(() => new Set(props.column?.getFilterValue() as string[]))
+
+type ReturnTypeFilterFunction = string[] | number[] | false[] | true[] | Record<string, any>[]
+
+function isListOptions(list: ReturnTypeFilterFunction | DataTableFacetedFilter['options']): list is DataTableFacetedFilter['options'] {
+  return Array.isArray(list) && list.length > 0 && 'value' in (list[0] as DataTableFacetedFilter['options'])
+}
+
+function filterFunction(list: ReturnTypeFilterFunction | DataTableFacetedFilter['options'], term: string): DataTableFacetedFilter['options'] {
+  if (isListOptions(list)) {
+    return list.filter(i => i.label.toLowerCase()?.includes(term))
+  }
+  else {
+    console.error('List is not a DataTableFacetedFilter options')
+    return []
+  }
+}
 </script>
 
 <template>
@@ -74,7 +89,7 @@ const selectedValues = computed(() => new Set(props.column?.getFilterValue() as
     </PopoverTrigger>
     <PopoverContent class="w-[200px] p-0" align="start">
       <Command
-        :filter-function="(list: DataTableFacetedFilter['options'], term) => list.filter(i => i.label.toLowerCase()?.includes(term)) "
+        :filter-function="filterFunction"
       >
         <CommandInput :placeholder="title" />
         <CommandList>
diff --git a/apps/www/src/examples/tasks/components/DataTablePagination.vue b/apps/www/src/examples/tasks/components/DataTablePagination.vue
index acd18544..8d42f1ff 100644
--- a/apps/www/src/examples/tasks/components/DataTablePagination.vue
+++ b/apps/www/src/examples/tasks/components/DataTablePagination.vue
@@ -1,6 +1,5 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="TData">
 import type { Table } from '@tanstack/vue-table'
-import type { Task } from '../data/schema'
 import ChevronLeftIcon from '~icons/radix-icons/chevron-left'
 import ChevronRightIcon from '~icons/radix-icons/chevron-right'
 import DoubleArrowLeftIcon from '~icons/radix-icons/double-arrow-left'
@@ -16,7 +15,7 @@ import {
 } from '@/lib/registry/new-york/ui/select'
 
 interface DataTablePaginationProps {
-  table: Table<Task>
+  table: Table<TData>
 }
 defineProps<DataTablePaginationProps>()
 </script>
diff --git a/apps/www/src/examples/tasks/components/DataTableRowActions.vue b/apps/www/src/examples/tasks/components/DataTableRowActions.vue
index d3a23541..1150577c 100644
--- a/apps/www/src/examples/tasks/components/DataTableRowActions.vue
+++ b/apps/www/src/examples/tasks/components/DataTableRowActions.vue
@@ -24,8 +24,13 @@ import {
 interface DataTableRowActionsProps {
   row: Row<Task>
 }
+
 const props = defineProps<DataTableRowActionsProps>()
 
+defineEmits<{
+  (e: 'expand'): void
+}>()
+
 const task = computed(() => taskSchema.parse(props.row.original))
 </script>
 
@@ -56,6 +61,9 @@ const task = computed(() => taskSchema.parse(props.row.original))
         </DropdownMenuSubContent>
       </DropdownMenuSub>
       <DropdownMenuSeparator />
+      <DropdownMenuItem @click="$emit('expand')">
+        Expand
+      </DropdownMenuItem>
       <DropdownMenuItem>
         Delete
         <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>
diff --git a/apps/www/src/examples/tasks/components/DataTableToolbar.vue b/apps/www/src/examples/tasks/components/DataTableToolbar.vue
index 9887e815..71d204c3 100644
--- a/apps/www/src/examples/tasks/components/DataTableToolbar.vue
+++ b/apps/www/src/examples/tasks/components/DataTableToolbar.vue
@@ -1,8 +1,6 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="TData">
 import type { Table } from '@tanstack/vue-table'
 import { computed } from 'vue'
-import type { Task } from '../data/schema'
-
 import { priorities, statuses } from '../data/data'
 import DataTableFacetedFilter from './DataTableFacetedFilter.vue'
 import DataTableViewOptions from './DataTableViewOptions.vue'
@@ -11,7 +9,7 @@ import { Button } from '@/lib/registry/new-york/ui/button'
 import { Input } from '@/lib/registry/new-york/ui/input'
 
 interface DataTableToolbarProps {
-  table: Table<Task>
+  table: Table<TData>
 }
 
 const props = defineProps<DataTableToolbarProps>()
diff --git a/apps/www/src/examples/tasks/components/DataTableUser.vue b/apps/www/src/examples/tasks/components/DataTableUser.vue
new file mode 100644
index 00000000..a4ea0ed6
--- /dev/null
+++ b/apps/www/src/examples/tasks/components/DataTableUser.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import type { Row } from '@tanstack/vue-table'
+import { CheckIcon, Mail } from 'lucide-vue-next'
+import { useClipboard } from '@vueuse/core'
+import type { Task } from '../data/schema'
+
+import { Avatar, AvatarFallback, AvatarImage } from '@/lib/registry/new-york/ui/avatar'
+import { Badge } from '@/lib/registry/new-york/ui/badge'
+import { Button } from '@/lib/registry/new-york/ui/button'
+
+const props = defineProps<{
+  row: Row<Task>
+}>()
+
+const { id, firstName, lastName, email, avatar } = props.row.original.user
+
+const { copy, copied } = useClipboard({ source: email })
+</script>
+
+<template>
+  <div class="flex justify-between items-center">
+    <div class="flex items-center gap-2">
+      <Avatar class="h-9 w-9">
+        <AvatarImage :src="avatar" alt="User image" />
+        <AvatarFallback>{{ firstName.slice(0, 1) }}</AvatarFallback>
+      </Avatar>
+      <span>{{ `${firstName} ${lastName}` }}</span>
+      <Button
+        class="h-7 w-7 [&_svg]:size-3.5"
+        variant="outline"
+        size="icon"
+        @click="copy()"
+      >
+        <span class="sr-only">Copy</span>
+        <CheckIcon v-if="copied" />
+        <Mail v-else />
+      </Button>
+    </div>
+    <Badge class="mr-2" variant="outline">
+      #{{ id }}
+    </Badge>
+  </div>
+</template>
diff --git a/apps/www/src/examples/tasks/components/DataTableViewOptions.vue b/apps/www/src/examples/tasks/components/DataTableViewOptions.vue
index 84a42f26..205a72f6 100644
--- a/apps/www/src/examples/tasks/components/DataTableViewOptions.vue
+++ b/apps/www/src/examples/tasks/components/DataTableViewOptions.vue
@@ -1,7 +1,6 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="TData">
 import type { Table } from '@tanstack/vue-table'
 import { computed } from 'vue'
-import type { Task } from '../data/schema'
 import MixerHorizontalIcon from '~icons/radix-icons/mixer-horizontal'
 
 import { Button } from '@/lib/registry/new-york/ui/button'
@@ -15,7 +14,7 @@ import {
 } from '@/lib/registry/new-york/ui/dropdown-menu'
 
 interface DataTableViewOptionsProps {
-  table: Table<Task>
+  table: Table<TData>
 }
 
 const props = defineProps<DataTableViewOptionsProps>()
diff --git a/apps/www/src/examples/tasks/components/columns.ts b/apps/www/src/examples/tasks/components/columns.ts
index 2e18e826..9151f64f 100644
--- a/apps/www/src/examples/tasks/components/columns.ts
+++ b/apps/www/src/examples/tasks/components/columns.ts
@@ -84,6 +84,8 @@ export const columns: ColumnDef<Task>[] = [
   },
   {
     id: 'actions',
-    cell: ({ row }) => h(DataTableRowActions, { row }),
+    cell: ({ row }) => {
+      return h(DataTableRowActions, { row, onExpand: row.toggleExpanded })
+    },
   },
 ]
diff --git a/apps/www/src/examples/tasks/data/schema.ts b/apps/www/src/examples/tasks/data/schema.ts
index deacb53d..6e6fafc0 100644
--- a/apps/www/src/examples/tasks/data/schema.ts
+++ b/apps/www/src/examples/tasks/data/schema.ts
@@ -8,6 +8,13 @@ export const taskSchema = z.object({
   status: z.string(),
   label: z.string(),
   priority: z.string(),
+  user: z.object({
+    id: z.number(),
+    firstName: z.string(),
+    lastName: z.string(),
+    email: z.string().email(),
+    avatar: z.string(),
+  }),
 })
 
 export type Task = z.infer<typeof taskSchema>
diff --git a/apps/www/src/examples/tasks/data/tasks.json b/apps/www/src/examples/tasks/data/tasks.json
index 2d10a4a0..c8b296f6 100644
--- a/apps/www/src/examples/tasks/data/tasks.json
+++ b/apps/www/src/examples/tasks/data/tasks.json
@@ -4,699 +4,1399 @@
     "title": "You can't compress the program without quantifying the open-source SSD pixel!",
     "status": "in progress",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 1,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-7878",
     "title": "Try to calculate the EXE feed, maybe it will index the multi-byte pixel!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 2,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-7839",
     "title": "We need to bypass the neural TCP card!",
     "status": "todo",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 3,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-5562",
     "title": "The SAS interface is down, bypass the open-source pixel so we can back up the PNG bandwidth!",
     "status": "backlog",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 4,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-8686",
     "title": "I'll parse the wireless SSL protocol, that should driver the API panel!",
     "status": "canceled",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 5,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-1280",
     "title": "Use the digital TLS panel, then you can transmit the haptic system!",
     "status": "done",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 6,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-7262",
     "title": "The UTF8 application is down, parse the neural bandwidth so we can back up the PNG firewall!",
     "status": "done",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 7,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-1138",
     "title": "Generating the driver won't do anything, we need to quantify the 1080p SMTP bandwidth!",
     "status": "in progress",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 8,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-7184",
     "title": "We need to program the back-end THX pixel!",
     "status": "todo",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 9,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-5160",
     "title": "Calculating the bus won't do anything, we need to navigate the back-end JSON protocol!",
     "status": "in progress",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 10,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-5618",
     "title": "Generating the driver won't do anything, we need to index the online SSL application!",
     "status": "done",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 11,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-6699",
     "title": "I'll transmit the wireless JBOD capacitor, that should hard drive the SSD feed!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 12,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-2858",
     "title": "We need to override the online UDP bus!",
     "status": "backlog",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 13,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-9864",
     "title": "I'll reboot the 1080p FTP panel, that should matrix the HEX hard drive!",
     "status": "done",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 14,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-8404",
     "title": "We need to generate the virtual HEX alarm!",
     "status": "in progress",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 15,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-5365",
     "title": "Backing up the pixel won't do anything, we need to transmit the primary IB array!",
     "status": "in progress",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 16,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-1780",
     "title": "The CSS feed is down, index the bluetooth transmitter so we can compress the CLI protocol!",
     "status": "todo",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 17,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-6938",
     "title": "Use the redundant SCSI application, then you can hack the optical alarm!",
     "status": "todo",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 18,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-9885",
     "title": "We need to compress the auxiliary VGA driver!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 19,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-3216",
     "title": "Transmitting the transmitter won't do anything, we need to compress the virtual HDD sensor!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 20,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-9285",
     "title": "The IP monitor is down, copy the haptic alarm so we can generate the HTTP transmitter!",
     "status": "todo",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 21,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-1024",
     "title": "Overriding the microchip won't do anything, we need to transmit the digital OCR transmitter!",
     "status": "in progress",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 22,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-7068",
     "title": "You can't generate the capacitor without indexing the wireless HEX pixel!",
     "status": "canceled",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 23,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-6502",
     "title": "Navigating the microchip won't do anything, we need to bypass the back-end SQL bus!",
     "status": "todo",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 24,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-5326",
     "title": "We need to hack the redundant UTF8 transmitter!",
     "status": "todo",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 25,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-6274",
     "title": "Use the virtual PCI circuit, then you can parse the bluetooth alarm!",
     "status": "canceled",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 26,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-1571",
     "title": "I'll input the neural DRAM circuit, that should protocol the SMTP interface!",
     "status": "in progress",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 27,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-9518",
     "title": "Compressing the interface won't do anything, we need to compress the online SDD matrix!",
     "status": "canceled",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 28,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-5581",
     "title": "I'll synthesize the digital COM pixel, that should transmitter the UTF8 protocol!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 29,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-2197",
     "title": "Parsing the feed won't do anything, we need to copy the bluetooth DRAM bus!",
     "status": "todo",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 30,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-8484",
     "title": "We need to parse the solid state UDP firewall!",
     "status": "in progress",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 31,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-9892",
     "title": "If we back up the application, we can get to the UDP application through the multi-byte THX capacitor!",
     "status": "done",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 32,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-9616",
     "title": "We need to synthesize the cross-platform ASCII pixel!",
     "status": "in progress",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 33,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-9744",
     "title": "Use the back-end IP card, then you can input the solid state hard drive!",
     "status": "done",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 34,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-1376",
     "title": "Generating the alarm won't do anything, we need to generate the mobile IP capacitor!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 35,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-7382",
     "title": "If we back up the firewall, we can get to the RAM alarm through the primary UTF8 pixel!",
     "status": "todo",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 36,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-2290",
     "title": "I'll compress the virtual JSON panel, that should application the UTF8 bus!",
     "status": "canceled",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 37,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-1533",
     "title": "You can't input the firewall without overriding the wireless TCP firewall!",
     "status": "done",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 38,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-4920",
     "title": "Bypassing the hard drive won't do anything, we need to input the bluetooth JSON program!",
     "status": "in progress",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 39,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-5168",
     "title": "If we synthesize the bus, we can get to the IP panel through the virtual TLS array!",
     "status": "in progress",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 40,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-7103",
     "title": "We need to parse the multi-byte EXE bandwidth!",
     "status": "canceled",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 41,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-4314",
     "title": "If we compress the program, we can get to the XML alarm through the multi-byte COM matrix!",
     "status": "in progress",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 42,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-3415",
     "title": "Use the cross-platform XML application, then you can quantify the solid state feed!",
     "status": "todo",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 43,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-8339",
     "title": "Try to calculate the DNS interface, maybe it will input the bluetooth capacitor!",
     "status": "in progress",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 44,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-6995",
     "title": "Try to hack the XSS bandwidth, maybe it will override the bluetooth matrix!",
     "status": "todo",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 45,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-8053",
     "title": "If we connect the program, we can get to the UTF8 matrix through the digital UDP protocol!",
     "status": "todo",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 46,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-4336",
     "title": "If we synthesize the microchip, we can get to the SAS sensor through the optical UDP program!",
     "status": "todo",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 47,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-8790",
     "title": "I'll back up the optical COM alarm, that should alarm the RSS capacitor!",
     "status": "done",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 48,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-8980",
     "title": "Try to navigate the SQL transmitter, maybe it will back up the virtual firewall!",
     "status": "canceled",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 49,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-7342",
     "title": "Use the neural CLI card, then you can parse the online port!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 50,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-5608",
     "title": "I'll hack the haptic SSL program, that should bus the UDP transmitter!",
     "status": "canceled",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 51,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-1606",
     "title": "I'll generate the bluetooth PNG firewall, that should pixel the SSL driver!",
     "status": "done",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 52,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-7872",
     "title": "Transmitting the circuit won't do anything, we need to reboot the 1080p RSS monitor!",
     "status": "canceled",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 53,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-4167",
     "title": "Use the cross-platform SMS circuit, then you can synthesize the optical feed!",
     "status": "canceled",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 54,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-9581",
     "title": "You can't index the port without hacking the cross-platform XSS monitor!",
     "status": "backlog",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 55,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-8806",
     "title": "We need to bypass the back-end SSL panel!",
     "status": "done",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 56,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-6542",
     "title": "Try to quantify the RSS firewall, maybe it will quantify the open-source system!",
     "status": "done",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 57,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-6806",
     "title": "The VGA protocol is down, reboot the back-end matrix so we can parse the CSS panel!",
     "status": "canceled",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 58,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-9549",
     "title": "You can't bypass the bus without connecting the neural JBOD bus!",
     "status": "todo",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 59,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-1075",
     "title": "Backing up the driver won't do anything, we need to parse the redundant RAM pixel!",
     "status": "done",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 60,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-1427",
     "title": "Use the auxiliary PCI circuit, then you can calculate the cross-platform interface!",
     "status": "done",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 61,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-1907",
     "title": "Hacking the circuit won't do anything, we need to back up the online DRAM system!",
     "status": "todo",
     "label": "documentation",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 62,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-4309",
     "title": "If we generate the system, we can get to the TCP sensor through the optical GB pixel!",
     "status": "backlog",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 63,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-3973",
     "title": "I'll parse the back-end ADP array, that should bandwidth the RSS bandwidth!",
     "status": "todo",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 64,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-7962",
     "title": "Use the wireless RAM program, then you can hack the cross-platform feed!",
     "status": "canceled",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 65,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-3360",
     "title": "You can't quantify the program without synthesizing the neural OCR interface!",
     "status": "done",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 66,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-9887",
     "title": "Use the auxiliary ASCII sensor, then you can connect the solid state port!",
     "status": "backlog",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 67,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-3649",
     "title": "I'll input the virtual USB system, that should circuit the DNS monitor!",
     "status": "in progress",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 68,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-3586",
     "title": "If we quantify the circuit, we can get to the CLI feed through the mobile SMS hard drive!",
     "status": "in progress",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 69,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-5150",
     "title": "I'll hack the wireless XSS port, that should transmitter the IP interface!",
     "status": "canceled",
     "label": "feature",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 70,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-3652",
     "title": "The SQL interface is down, override the optical bus so we can program the ASCII interface!",
     "status": "backlog",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 71,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-6884",
     "title": "Use the digital PCI circuit, then you can synthesize the multi-byte microchip!",
     "status": "canceled",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 72,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-1591",
     "title": "We need to connect the mobile XSS driver!",
     "status": "in progress",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 73,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-3802",
     "title": "Try to override the ASCII protocol, maybe it will parse the virtual matrix!",
     "status": "in progress",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 74,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-7253",
     "title": "Programming the capacitor won't do anything, we need to bypass the neural IB hard drive!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 75,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-9739",
     "title": "We need to hack the multi-byte HDD bus!",
     "status": "done",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 76,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-4424",
     "title": "Try to hack the HEX alarm, maybe it will connect the optical pixel!",
     "status": "in progress",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 77,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-3922",
     "title": "You can't back up the capacitor without generating the wireless PCI program!",
     "status": "backlog",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 78,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-4921",
     "title": "I'll index the open-source IP feed, that should system the GB application!",
     "status": "canceled",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 79,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-5814",
     "title": "We need to calculate the 1080p AGP feed!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 80,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-2645",
     "title": "Synthesizing the system won't do anything, we need to navigate the multi-byte HDD firewall!",
     "status": "todo",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 81,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-4535",
     "title": "Try to copy the JSON circuit, maybe it will connect the wireless feed!",
     "status": "in progress",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 82,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-4463",
     "title": "We need to copy the solid state AGP monitor!",
     "status": "done",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 83,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-9745",
     "title": "If we connect the protocol, we can get to the GB system through the bluetooth PCI microchip!",
     "status": "canceled",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 84,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-2080",
     "title": "If we input the bus, we can get to the RAM matrix through the auxiliary RAM card!",
     "status": "todo",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 85,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-3838",
     "title": "I'll bypass the online TCP application, that should panel the AGP system!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 86,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-1340",
     "title": "We need to navigate the virtual PNG circuit!",
     "status": "todo",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 87,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-6665",
     "title": "If we parse the monitor, we can get to the SSD hard drive through the cross-platform AGP alarm!",
     "status": "canceled",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 88,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-7585",
     "title": "If we calculate the hard drive, we can get to the SSL program through the multi-byte CSS microchip!",
     "status": "backlog",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 89,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-6319",
     "title": "We need to copy the multi-byte SCSI program!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 90,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   },
   {
     "id": "TASK-4369",
     "title": "Try to input the SCSI bus, maybe it will generate the 1080p pixel!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 91,
+      "firstName": "Emily",
+      "lastName": "Johnson",
+      "email": "emily.johnson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emilys/128"
+    }
   },
   {
     "id": "TASK-9035",
     "title": "We need to override the solid state PNG array!",
     "status": "canceled",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 92,
+      "firstName": "Michael",
+      "lastName": "Williams",
+      "email": "michael.williams@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/michaelw/128"
+    }
   },
   {
     "id": "TASK-3970",
     "title": "You can't index the transmitter without quantifying the haptic ASCII card!",
     "status": "todo",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 93,
+      "firstName": "Sophia",
+      "lastName": "Brown",
+      "email": "sophia.brown@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/sophiab/128"
+    }
   },
   {
     "id": "TASK-4473",
     "title": "You can't bypass the protocol without overriding the neural RSS program!",
     "status": "todo",
     "label": "documentation",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 94,
+      "firstName": "James",
+      "lastName": "Davis",
+      "email": "james.davis@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/jamesd/128"
+    }
   },
   {
     "id": "TASK-4136",
     "title": "You can't hack the hard drive without hacking the primary JSON program!",
     "status": "canceled",
     "label": "bug",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 95,
+      "firstName": "Emma",
+      "lastName": "Miller",
+      "email": "emma.miller@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/emmaj/128"
+    }
   },
   {
     "id": "TASK-3939",
     "title": "Use the back-end SQL firewall, then you can connect the neural hard drive!",
     "status": "done",
     "label": "feature",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 96,
+      "firstName": "Olivia",
+      "lastName": "Wilson",
+      "email": "olivia.wilson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/oliviaw/128"
+    }
   },
   {
     "id": "TASK-2007",
     "title": "I'll input the back-end USB protocol, that should bandwidth the PCI system!",
     "status": "backlog",
     "label": "bug",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 97,
+      "firstName": "Alexander",
+      "lastName": "Jones",
+      "email": "alexander.jones@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/alexanderj/128"
+    }
   },
   {
     "id": "TASK-7516",
     "title": "Use the primary SQL program, then you can generate the auxiliary transmitter!",
     "status": "done",
     "label": "documentation",
-    "priority": "medium"
+    "priority": "medium",
+    "user": {
+      "id": 98,
+      "firstName": "Ava",
+      "lastName": "Taylor",
+      "email": "ava.taylor@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/avat/128"
+    }
   },
   {
     "id": "TASK-6906",
     "title": "Try to back up the DRAM system, maybe it will reboot the online transmitter!",
     "status": "done",
     "label": "feature",
-    "priority": "high"
+    "priority": "high",
+    "user": {
+      "id": 99,
+      "firstName": "Ethan",
+      "lastName": "Martinez",
+      "email": "ethan.martinez@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/ethanm/128"
+    }
   },
   {
     "id": "TASK-5207",
     "title": "The SMS interface is down, copy the bluetooth bus so we can quantify the VGA card!",
     "status": "in progress",
     "label": "bug",
-    "priority": "low"
+    "priority": "low",
+    "user": {
+      "id": 100,
+      "firstName": "Isabella",
+      "lastName": "Anderson",
+      "email": "isabella.anderson@x.dummyjson.com",
+      "avatar": "https://dummyjson.com/icon/isabellad/128"
+    }
   }
 ]