diff --git a/apps/www/.vitepress/config.mts b/apps/www/.vitepress/config.mts index d72b958c..11573b64 100644 --- a/apps/www/.vitepress/config.mts +++ b/apps/www/.vitepress/config.mts @@ -1,6 +1,8 @@ import path from 'node:path' import { defineConfig } from 'vitepress' import Icons from 'unplugin-icons/vite' +import tailwind from 'tailwindcss' +import autoprefixer from 'autoprefixer' import { siteConfig } from './theme/config/site' import ComponentPreviewPlugin from './theme/plugins/previewer' @@ -54,8 +56,16 @@ export default defineConfig({ 'content/(.*)': '(.*)', }, vite: { + css: { + postcss: { + plugins: [ + tailwind(), + autoprefixer(), + ], + }, + }, plugins: [ - Icons({ compiler: 'vue3', autoInstall: true }) as any, + Icons({ compiler: 'vue3', autoInstall: true }), ], resolve: { alias: { diff --git a/apps/www/.vitepress/theme/components/ComponentPreview.vue b/apps/www/.vitepress/theme/components/ComponentPreview.vue index 0e07e8a6..403cb932 100644 --- a/apps/www/.vitepress/theme/components/ComponentPreview.vue +++ b/apps/www/.vitepress/theme/components/ComponentPreview.vue @@ -41,7 +41,7 @@ const { style } = useConfigStore()
+ +https://www.figma.com/community/file/1203061493325953101 + +
diff --git a/apps/www/src/lib/registry/default/example/DataTableDemo.vue b/apps/www/src/lib/registry/default/example/DataTableDemo.vue index edb18c80..e6e8a194 100644 --- a/apps/www/src/lib/registry/default/example/DataTableDemo.vue +++ b/apps/www/src/lib/registry/default/example/DataTableDemo.vue @@ -103,7 +103,7 @@ const columns: ColumnDef[] = [ return h(Button, { variant: 'ghost', onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), - }, ['Email', h(ArrowUpDown, { class: 'ml-2 h-4 w-4' })]) + }, () => ['Email', h(ArrowUpDown, { class: 'ml-2 h-4 w-4' })]) }, cell: ({ row }) => h('div', { class: 'lowercase' }, row.getValue('email')), }, @@ -128,9 +128,9 @@ const columns: ColumnDef[] = [ cell: ({ row }) => { const payment = row.original - return h(DropdownAction, { + return h('div', { class: 'relative' }, h(DropdownAction, { payment, - }) + })) }, }, ] @@ -162,7 +162,7 @@ const table = useVueTable({