fix: update big-data virtual example for table

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',

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>

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'

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 { Table } from '@tanstack/vue-table'
-import { type Task } from '../data/schema'
+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'