fix: rename box action prop to avoid collision

BREAKING CHANGE: box action text >>> label

Author: vis97c

packages/components-vue/src/components/box/Action.stories.ts

@@ -5,13 +5,13 @@ import Action from "./Action.vue";
 const meta = {
 	title: "Box/Box Action",
 	component: Action as Record<keyof typeof Action, unknown>,
-	args: { text: "Box Action", icon: "cubes" },
+	args: { label: "Box Action", icon: "cubes" },
 } satisfies Meta<typeof Action>;
 
 type Story = StoryObj<typeof Action>;
 
 export const Sample: Story = {
-	args: { text: "Box Action", icon: "cubes" },
+	args: { label: "Box Action", icon: "cubes" },
 };
 
 export default meta;

packages/components-vue/src/components/box/Action.vue

@@ -3,20 +3,20 @@
 		v-bind="{ ...$attrs, ...props, ...tooltipAttributes }"
 		:class="[modifiersClasses, stateClasses, themeClasses]"
 		class="box --button"
-		:aria-label="text"
+		:aria-label="label"
 	>
 		<div v-if="icon || src" :class="innerThemeClasses" class="box --square">
 			<IconFa v-if="icon" v-bind="{ size: 35, ...iconProps, name: icon }" />
 			<BaseImg
 				v-else-if="src"
 				class="--bgColor-light --width --height"
 				:src="src"
-				:alt="text"
+				:alt="label"
 			/>
 		</div>
 		<p>
-			<!-- Since we only accept text there is no room for slot here -->
-			<b>{{ text }}</b>
+			<!-- Since we only accept label there is no room for slot here -->
+			<b>{{ label }}</b>
 		</p>
 	</BaseAction>
 </template>
@@ -58,10 +58,11 @@
 		 */
 		src?: string;
 		/**
-		 * action text
-		 * @required
+		 * action label
+		 * @old text - collision with router-link attribute
+		 * @required true
 		 */
-		text: string;
+		label: string;
 	}
 
 	/**

packages/components-vue/src/components/form/Stages.vue

@@ -116,7 +116,6 @@
 		type iForm,
 		type FormInput as FormInputClass,
 		useI18n,
-		useUtils,
 		FormInput,
 	} from "@open-xamu-co/ui-common-helpers";
 
@@ -163,7 +162,6 @@
 	const emit = defineEmits(["input-values", "submited", "set-active-stage"]);
 
 	const { t } = useHelpers(useI18n);
-	const { isBrowser } = useHelpers(useUtils);
 
 	const canSubmit = ref(props.optional);
 	const activeStage = ref(0);
@@ -214,8 +212,5 @@
 	}
 
 	// lifecycle
-	if (isBrowser) {
-		// allow parent to switch the stage
-		emit("set-active-stage", setActiveStage);
-	}
+	emit("set-active-stage", setActiveStage);
 </script>

packages/components-vue/src/components/value/Simple.vue

@@ -185,6 +185,14 @@
 		return /\.(jpg|jpeg|png|webp|avif|gif)$/.test(firstPart);
 	}
 	function isDate(dateString: string): boolean {
-		return validator.isDate(dateString) || !isNaN(Date.parse(dateString));
+		try {
+			// bypass numbers
+			if (!!Number(dateString)) return false;
+
+			return validator.isDate(dateString) || !isNaN(Date.parse(dateString));
+		} catch (err) {
+			// ignore errors
+			return false;
+		}
 	}
 </script>