From 1f1e6f339fc42fdd1874c55fd5390cac285dd29c Mon Sep 17 00:00:00 2001
From: romanhrynevych <hrynevych.romann@gmail.com>
Date: Mon, 24 Jun 2024 22:05:01 +0300
Subject: [PATCH] fix: update `big-data` virtual example for table

---
 apps/www/.vitepress/theme/components/ExamplesNav.vue       | 5 +++++
 apps/www/src/content/examples/big-data.md                  | 7 +++++++
 apps/www/src/examples/big-data/components/DataTable.vue    | 2 +-
 .../examples/big-data/components/DataTablePagination.vue   | 4 ++--
 4 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 apps/www/src/content/examples/big-data.md

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'