* fix page conditional

* update id type

Author: webdevnerdstuff

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,16 +629,15 @@ 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;
 
 		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;
 			}
 		}
 	});

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;