Merge pull request #61 from webdevnerdstuff/dev

fix: header slot name

Author: webdevnerdstuff

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;

dist/vuetify-drilldown-table.cjs.js

@@ -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": {

dist/vuetify-drilldown-table.es.js

@@ -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',

package.json

@@ -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/documentation/sections/SlotsSection.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` -->