diff --git a/apps/www/.vitepress/theme/components/ExamplesNav.vue b/apps/www/.vitepress/theme/components/ExamplesNav.vue
index 039c010f..c171755f 100644
--- a/apps/www/.vitepress/theme/components/ExamplesNav.vue
+++ b/apps/www/.vitepress/theme/components/ExamplesNav.vue
@@ -28,6 +28,11 @@ const examples = [
     href: '/examples/tasks',
     code: 'https://github.com/radix-vue/shadcn-vue/tree/dev/apps/www/src/examples/tasks',
   },
+  {
+    name: 'Tasks Virtualized',
+    href: '/examples/big-data',
+    code: 'https://github.com/radix-vue/shadcn-vue/tree/dev/apps/www/src/examples/big-data',
+  },
   {
     name: 'Playground',
     href: '/examples/playground',
diff --git a/apps/www/src/content/examples/big-data.md b/apps/www/src/content/examples/big-data.md
new file mode 100644
index 00000000..fac3c338
--- /dev/null
+++ b/apps/www/src/content/examples/big-data.md
@@ -0,0 +1,7 @@
+<script setup>
+import BigDataExample from "@/examples/big-data/Example.vue"
+</script>
+
+<Suspense>
+  <BigDataExample />
+</Suspense>
diff --git a/apps/www/src/examples/big-data/components/DataTable.vue b/apps/www/src/examples/big-data/components/DataTable.vue
index 10845b72..255d35cd 100644
--- a/apps/www/src/examples/big-data/components/DataTable.vue
+++ b/apps/www/src/examples/big-data/components/DataTable.vue
@@ -19,7 +19,7 @@ import {
 import { useVirtualList } from '@vueuse/core'
 
 import { computed, ref } from 'vue'
-import { type Task } from '../data/schema'
+import type { Task } from '../data/schema'
 import DataTablePagination from './DataTablePagination.vue'
 import DataTableToolbar from './DataTableToolbar.vue'
 import { valueUpdater } from '@/lib/utils'
diff --git a/apps/www/src/examples/big-data/components/DataTablePagination.vue b/apps/www/src/examples/big-data/components/DataTablePagination.vue
index e8cdcaea..15524f21 100644
--- a/apps/www/src/examples/big-data/components/DataTablePagination.vue
+++ b/apps/www/src/examples/big-data/components/DataTablePagination.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { type Table } from '@tanstack/vue-table'
-import { type Task } from '../data/schema'
+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'