Cleaning up

Author: webdevnerdstuff

src/plugin/VStepperForm.vue

@@ -23,7 +23,7 @@
 			>
 				<v-stepper
 					v-model="stepperModel"
-					v-bind="settings"
+					v-bind="stepperSettings"
 					:mobile="sm"
 					width="100%"
 				>
@@ -150,6 +150,7 @@ import type {
 import type { PrivateFormContext } from 'vee-validate';
 import PageContainer from './components/shared/PageContainer.vue';
 import PageReviewContainer from './components/shared/PageReviewContainer.vue';
+import { useBindingSettings } from './composables/bindings';
 import {
 	useContainerClasses,
 	useStepperContainerClasses,
@@ -179,6 +180,16 @@ const originalPages = JSON.parse(JSON.stringify(pages));
 
 const settings: Ref<Settings> = ref<Settings>(useBuildSettings(stepperProps));
 
+const stepperSettings = computed(() => useBindingSettings(settings.value as Partial<Settings>, [
+	'autoPage',
+	'autoPageDelay',
+	'hideDetails',
+	'keepValuesOnUnmount',
+	'transition',
+	'validateOn',
+	'validateOnMount',
+]));
+
 watch(props, () => {
 	stepperProps = useMergeProps(attrs, injectedOptions, props);
 	settings.value = useBuildSettings(stepperProps);

src/plugin/components/fields/VSFButtonField/VSFButtonField.vue

@@ -186,6 +186,8 @@ const bindSettings = computed(() => ({
 }));
 
 const boundSettings = computed(() => useBindingSettings(bindSettings.value as Partial<Settings>, [
+	'autoPage',
+	'hideDetails',
 	'href',
 	'maxErrors',
 	'multiple',

src/plugin/composables/helpers.ts

@@ -52,6 +52,7 @@ export const useBuildSettings: UseBuildSettings = (stepperProps: Settings) => {
 		prevText: stepperProps.prevText,
 		rounded: stepperProps.rounded,
 		selectedClass: stepperProps.selectedClass,
+		tag: stepperProps.tag,
 		theme: stepperProps.theme,
 		tile: stepperProps.tile,
 		transition: stepperProps.transition,

src/plugin/types/index.ts

@@ -102,6 +102,7 @@ export interface VStepperProps extends Partial<Pick<VStepper,
 	'prevText' |
 	'rounded' |
 	'selectedClass' |
+	'tag' |
 	'theme' |
 	'tile' |
 	'width'