Merge pull request #32 from webdevnerdstuff/dev

Dev

Author: webdevnerdstuff

cypress.config.ts

@@ -23,4 +23,6 @@ export default defineConfig({
 		viewportHeight: 800,
 		viewportWidth: 1920,
 	},
+
+	numTestsKeptInMemory: 0,
 });

cypress/support/component.ts

@@ -7,6 +7,7 @@ import VStepperForm from '../../src/plugin/VStepperForm.vue';
 import * as DATA from '../templates/testData';
 import type { Component } from 'vue';
 import "cypress-real-events";
+import { pluginOptionsInjectionKey } from '../../src/plugin/utils/globals';
 
 
 // declare global {
@@ -95,7 +96,7 @@ Cypress.Commands.add('mountComponent', (options: MountComponentOptions = {}) =>
 				validationSchema: stepperProps.validationSchema ?? undefined,
 				...stepperProps,
 			},
-			global: { provide: { globalOptions: { ...globalOptions, ...globalProps }, }, },
+			global: { provide: { [pluginOptionsInjectionKey]: { ...globalOptions, ...globalProps }, }, },
 		}).as('wrapper');
 	});
 });

cypress/templates/testData.ts

@@ -5,6 +5,7 @@ import {
 	object as yupObject,
 } from 'yup';
 import { useDeepMerge } from '../../src/plugin/composables/helpers';
+import { pluginOptionsInjectionKey } from '../../src/plugin/utils/globals';
 
 
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Shared //
@@ -143,7 +144,6 @@ const defaultFields = {
 		name: 'combobox',
 		placeholder: 'Select an item',
 		type: 'combobox' as const,
-		variant: 'outlined',
 	},
 	color: {
 		label: 'Color',
@@ -592,7 +592,7 @@ const navigationTest = {
 	},
 	global: {
 		provide: {
-			globalOptions: {
+			[pluginOptionsInjectionKey]: {
 				color: 'primary',
 				validateOn: 'blur',
 				variant: 'outlined',

dist/FieldLabel-BRQ0K1ZH.mjs renamed to dist/FieldLabel-C78b4p01.mjs

@@ -1,7 +1,7 @@
 import { FieldLabel as a } from "./vuetify-stepper-form.es.js";
 /**
  * @name @wdns/vuetify-stepper-form
- * @version 1.0.0
+ * @version 1.0.1
  * @description The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)
  * @copyright Copyright 2024, WebDevNerdStuff

dist/FieldLabel-mS_InZKL.js renamed to dist/FieldLabel-_ATH8rEz.js

@@ -1,6 +1,6 @@
 "use strict";/**
  * @name @wdns/vuetify-stepper-form
- * @version 1.0.0
+ * @version 1.0.1
  * @description The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)
  * @copyright Copyright 2024, WebDevNerdStuff

dist/plugin/components/fields/VSFCustom/VSFCustom.vue.d.ts

@@ -53,6 +53,7 @@ declare function __VLS_template(): {
         blur: () => Promise<void>;
         change: () => Promise<void>;
         input: () => Promise<void>;
+        onUpdate: (value: any) => void;
         field: {
             options: KeyStringAny<any> | undefined;
             required: boolean | undefined;
@@ -101,7 +102,6 @@ declare function __VLS_template(): {
             variant?: string | undefined;
             transition?: import('vuetify/lib/components/index.mjs').VStepperWindowItem["transition"] | undefined;
             errorMessages: any;
-            modelValue: any;
         };
     }) => any>>;
     refs: {};

dist/plugin/index.d.ts

@@ -2,7 +2,6 @@ import { PluginOptions } from './types';
 import { Plugin } from 'vue';
 import { default as FieldLabel } from './components/shared/FieldLabel.vue';
 import { default as VStepperForm } from './VStepperForm.vue';
-export declare const globalOptions: unique symbol;
 export declare function createVStepperForm(options?: PluginOptions): Plugin;
 export default VStepperForm;
 export { FieldLabel, VStepperForm, };

dist/plugin/utils/globals.d.ts

@@ -1 +1,4 @@
+import { InjectionKey } from 'vue';
+import { PluginOptions } from '../types';
 export declare const componentName = "v-stepper-form";
+export declare const pluginOptionsInjectionKey: InjectionKey<PluginOptions>;