Dev

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log
 All notable changes to the "vuetify-drilldown-table" plugin will be documented in this file.
 
+## v1.1.5
+2024-03-13
+[main] (@webdevnerdstuff)
+* Fix unexpected side effect in computed function
+
 ## v1.1.4
 2024-03-13
 [main] (@webdevnerdstuff)

dist/VDrilldownTable-BA2hnfOR.mjs → dist/VDrilldownTable-C0KQjzja.mjs

@@ -1,7 +1,7 @@
 import o from "./vuetify-drilldown-table.es.js";
 /**
  * @name @wdns/vuetify-drilldown-table
- * @version 1.1.4
+ * @version 1.1.5
  * @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.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)
  * @copyright Copyright 2024, WebDevNerdStuff

dist/VDrilldownTable-CB1KOdXg.js → dist/VDrilldownTable-CIBieV35.js

@@ -1,6 +1,6 @@
 "use strict";/**
  * @name @wdns/vuetify-drilldown-table
- * @version 1.1.4
+ * @version 1.1.5
  * @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.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)
  * @copyright Copyright 2024, WebDevNerdStuff

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wdns/vuetify-drilldown-table",
-	"version": "1.1.4",
+	"version": "1.1.5",
 	"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/plugin/slots/HeadersSlot.vue

@@ -132,7 +132,7 @@ const isAllSelected = ref<boolean>(false);
 const items = ref(props.items);
 const matchColumnWidths = ref<boolean>(props.matchColumnWidths);
 const columnWidths = ref<number[]>(props.columnWidths || []);
-const sortAscIcon = ref(props.sortAscIcon);
+const sortAscIcon = ref(props.sortAscIcon ?? '$sortAsc');
 const tableModelValue = computed(() => props.tableModelValue);
 const theme = useTheme();
 
@@ -149,7 +149,6 @@ watch(() => props.items, (newItems) => {
 	});
 });
 
-
 // -------------------------------------------------- Header Row //
 const headerRowClasses = computed<object>(() => {
 	return useHeaderRowClasses({ level: props.level });
@@ -290,7 +289,6 @@ const iconSize = computed(() => {
 		return 'small';
 	}
 
-	sortAscIcon.value = props?.sortAscIcon ?? '$sortAsc';
 	return 'default';
 });