fix: header slot name

CHANGELOG.md

@@ -1,6 +1,12 @@
 # Change Log
 All notable changes to the "vuetify-drilldown-table" plugin will be documented in this file.
 
+## v1.0.1
+11-09-23
+[main] (@webdevnerdstuff)
+* Fix header slot name
+* Update docs
+
 ## v1.0.0
 11-09-23
 [main] (@webdevnerdstuff)

dist/plugin/slots/HeadersSlot.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
  showSelect: boolean;
  isTheadSlot: boolean;
-}, {}>, Partial<Record<`column.${string}`, (_: {
+}, {}>, Partial<Record<`header.${string}`, (_: {
  column: Column;
 }) => any>> & {
  "header.sortIcon"?(_: {}): any;

package.json

@@ -1,6 +1,6 @@
 {
 "name": "@wdns/vuetify-drilldown-table",
-"version": "1.0.0",
+"version": "1.0.1",
 "description": "The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's VDataTable and VDataTableServer. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.",
 "private": false,
 "publishConfig": {

src/documentation/sections/SlotsSection.vue

@@ -185,8 +185,8 @@ const topLeftRightSlotCode = `{
 
 const slotsSupported = [
 {
-desc: 'The <code class="inline-code">[`column.${string}`]</code> slot is available for each column',
-name: '[`column.${string}`]',
+desc: 'The <code class="inline-code">[`header.${string}`]</code> slot is available for each column',
+name: '[`header.${string}`]',
 },
 {
 desc: 'The <code class="inline-code">[`item.${string}`]</code> slot is available for each item',
@@ -197,12 +197,12 @@ const slotsSupported = [
 name: 'body',
 },
 {
-desc: 'The <code class="inline-code">column.data-table-expand</code> slot is available',
-name: 'column.data-table-expand',
+desc: 'The <code class="inline-code">header.data-table-expand</code> slot is available',
+name: 'header.data-table-expand',
 },
 {
-desc: 'The <code class="inline-code">column.data-table-select</code> slot is available',
-name: 'column.data-table-select',
+desc: 'The <code class="inline-code">header.data-table-select</code> slot is available',
+name: 'header.data-table-select',
 },
 {
 desc: 'The <code class="inline-code">footer.prepend</code> slot is available',

src/playground/configs/templates/ClientTable.vue

@@ -122,12 +122,12 @@
 
 <!-- <template #[`header.data-table-select`]>
 <div class="d-flex justify-center">
-<v-icon>mdi mdi-vuetify</v-icon>
+<v-icon icon="$vuetify"></v-icon>
 </div>
 </template> -->
 
 <!-- <template #[`header.sortIcon`]>
-<fa-icon icon="fa-solid fa-arrow-up"></fa-icon>
+<v-icon icon="$vuetify"></v-icon>
 </template> -->
 
 <!-- <template #[`header.id`]="{ column }">
@@ -166,7 +166,7 @@
 </template> -->
 
 <!-- <template #[`item.data-table-select`]>
-<v-icon>mdi mdi-vuetify</v-icon>
+<v-icon icon="$vuetify"></v-icon>
 </template> -->
 
 <!-- <template #[`item.data-table-expand`]>

src/plugin/slots/HeadersSlot.vue

@@ -6,14 +6,14 @@
 >
 <!-- Column Dynamic Name Header Slot -->
 <th
-v-if="slots[`column.${column.key}`]"
+v-if="slots[`column.${column.key}`] || slots[`header.${column.key}`]"
 :class="cellClasses(column, column.key)"
 :colspan="column.colspan || 1"
 :style="cellStyles(column, true)"
 >
 <slot
 :column="column"
-:name="`column.${column.key}`"
+:name="`header.${column.key}`"
 />
 </th>
 <!-- Column Render `data-table-group` -->