@polymarbot/nuxt-layer-shadcn-ui 0.1.0 → 0.1.2

package/app/components/ui/AsyncDataTable/index.stories.ts

@@ -93,6 +93,7 @@ export const BatchActions: Story = {
         {
           label: 'Delete',
           icon: 'trash-2',
+          color: 'danger',
           action: items => console.debug(`Delete ${items.length} items`),
         },
         {

package/app/components/ui/AsyncDataTable/index.vue

@@ -78,13 +78,17 @@ const shouldShowTopToolbar = computed(() => {
 const shouldShowBottomToolbar = computed(() => props.showBottomToolbar)
 
 const batchMenuItems = computed<DropdownItem[]>(() =>
-  props.batchActions.map(action => ({
-    label: action.label,
-    icon: action.icon,
-    class: action.class,
-    disabled: action.disabled || batchActionsDisabled.value,
-    command: () => action.action(props.selection ?? []),
-  })),
+  props.batchActions.map(item => {
+    if (item.type === 'separator' || item.type === 'label') {
+      return item
+    }
+    const { action, disabled, ...rest } = item
+    return {
+      ...rest,
+      disabled: disabled || batchActionsDisabled.value,
+      command: () => action?.(props.selection ?? []),
+    }
+  }),
 )
 
 // -- Data fetching --

package/app/components/ui/AsyncDataTable/types.ts

@@ -1,18 +1,10 @@
-import type { Component } from 'vue'
 import type { DataTableColumn } from '../DataTable/types'
+import type { DropdownActionItem, DropdownLabelItem, DropdownSeparatorItem } from '../Dropdown/types'
 
-export interface AsyncDataTableBatchAction<T = Record<string, any>> {
-  /** Button/menu item label */
-  label: string
-  /** Icon name or component */
-  icon?: string | Component
-  /** Custom CSS class */
-  class?: ClassValue
-  /** Whether the action is disabled */
-  disabled?: boolean
-  /** Callback with selected items */
-  action: (selectedItems: T[]) => void
-}
+export type AsyncDataTableBatchAction<T = Record<string, any>>
+  = | (Omit<DropdownActionItem, 'command'> & { action?: (selectedItems: T[]) => void })
+    | DropdownSeparatorItem
+    | DropdownLabelItem
 
 export interface AsyncDataTableFetchParams {
   offset: number

package/nuxt.config.ts

@@ -13,9 +13,15 @@ export default defineNuxtConfig({
   },
 
   // Package is declared as peerDependency so consumers own the version.
-  // `i18n.config.ts` at this layer's root is auto-discovered by @nuxtjs/i18n.
   modules: [ '@nuxtjs/i18n' ],
 
+  // Explicit absolute path so the layer's messages load regardless of the
+  // consumer's vueI18n setting (each layer's vueI18n is resolved per-layer
+  // and merged by @nuxtjs/i18n).
+  i18n: {
+    vueI18n: join(currentDir, 'i18n.config.ts'),
+  },
+
   // Register the layer's global stylesheet. Consumers extending this layer
   // automatically inherit it via Nuxt's css array merging.
   css: [ join(currentDir, 'app/assets/styles/globals.css') ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -41,6 +41,6 @@
     "nuxt": "^4",
     "vue": "^3",
     "vue-i18n": "^11",
-    "vue-router": "^4"
+    "vue-router": "^4 || ^5"
   }
 }