From 1551b6c28ae92c7a41825672bdc06b1183efb066 Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Mon, 12 May 2025 11:57:00 -0700
Subject: [PATCH] * fix page conditional * update id type

---
 src/plugin/VStepperForm.vue | 6 ++----
 src/plugin/types/index.ts   | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/plugin/VStepperForm.vue b/src/plugin/VStepperForm.vue
index 33a49e5..7c42001 100755
--- a/src/plugin/VStepperForm.vue
+++ b/src/plugin/VStepperForm.vue
@@ -144,7 +144,6 @@
 								</template>
 
 								<template #prev>
-									<!-- :disabled="((stepperActionsDisabled === 'prev' || settings.disabled || canReviewPreviousButtonDisabled) as boolean)" -->
 									<v-btn
 										data-cy="vsf-previous-button"
 										:disabled="prevButtonDisabled"
@@ -630,7 +629,6 @@ function callbacks() {
 
 // ------------------------ Conditional "when" callbacks //
 const computedPages = computed<Page[]>(() => {
-	// const localPages = JSON.parse(JSON.stringify(pages));
 	Object.values(pages.value).forEach((page: Page, pageIdx: number) => {
 		const localPage = page;
 		localPage.visible = true;
@@ -638,8 +636,8 @@ const computedPages = computed<Page[]>(() => {
 		if (localPage.when) {
 			const enabledPage: boolean = (localPage.when as (value: any) => boolean)($useForm.values);
 
-			if (pages[pageIdx]) {
-				pages[pageIdx].visible = enabledPage;
+			if (pages.value[pageIdx]) {
+				pages.value[pageIdx].visible = enabledPage;
 			}
 		}
 	});
diff --git a/src/plugin/types/index.ts b/src/plugin/types/index.ts
index e266b17..e97ecc7 100755
--- a/src/plugin/types/index.ts
+++ b/src/plugin/types/index.ts
@@ -105,7 +105,7 @@ export interface Field {
 	errorMessages?: string | string[];
 	hidden?: boolean;
 	hideDetails?: GlobalHideDetails;
-	id?: string;
+	id?: string | number;
 	inline?: boolean; 															// ? Checkboxes //
 	inlineSpacing?: string; 												// ? Checkboxes //
 	items?: readonly any[] | undefined;