@polymarbot/nuxt-layer-shadcn-ui 0.10.2 → 0.10.3

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

@@ -270,7 +270,7 @@ export const Loading: Story = {
     ...noControls,
     docs: {
       source: {
-        code: '<DataTable :data="data" :columns="columns" loading />',
+        code: '<DataTable :data="[]" :columns="columns" loading />',
       },
     },
   },
@@ -279,7 +279,7 @@ export const Loading: Story = {
     setup: () => ({ data: sampleData, basicColumns }),
     template: `
       <div class="w-full">
-        <DataTable :data="data" :columns="basicColumns" loading />
+        <DataTable :data="[]" :columns="basicColumns" loading />
       </div>
     `,
   }),

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

@@ -468,6 +468,17 @@ defineExpose({
             <slot name="bodyEnd" />
           </TableCell>
         </TableRow>
+
+        <!-- Filler: absorbs leftover height so data rows aren't stretched -->
+        <TableRow
+          v-if="height"
+          data-virtual-row
+          aria-hidden="true"
+          class="hover:bg-transparent"
+          style="height: 100%"
+        >
+          <TableCell :colspan="totalColumns" />
+        </TableRow>
       </TableBody>
 
       <TableFooter
@@ -526,6 +537,10 @@ defineExpose({
   background: var(--cell-bg);
 }
 
+:deep(tbody tr:has(+ tr[aria-hidden="true"])) {
+  border-bottom: 0;
+}
+
 /* Frozen column shadow via ::before — ::after is reserved for header divider */
 :deep([data-shadow])::before {
   content: '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "454f223be647d9bb2416d9d9ecf49294c424af4d"
+  "gitHead": "1c96483d768a3ba2df56952d5ee1e949e8c914fe"
 }