@xenterprises/nuxt-x-marketing 1.4.8 → 1.4.9

package/CHANGELOG.md

@@ -30,6 +30,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   section and its sample product data were dropped with them. Every other section of the
   demo page is unchanged.
 
+## [1.4.9] - 2026-09-06
+
+### Fixed
+
+- `XMarkPricingPlans` spells billing periods as **per month** / **per year** by default (not `/month` `/year`), and normalizes common slash forms when mapping plans.
+
 ## [1.4.8] - 2026-09-06
 
 ### Fixed

package/app/components/X/Mark/Pricing/Plans.vue

@@ -82,7 +82,7 @@ const props = defineProps({
 			{
 				name: "Starter",
 				price: "$9",
-				period: "/month",
+				period: "per month",
 				description: "Perfect for individuals and small projects.",
 				features: ["5 projects", "10GB storage", "Email support"],
 				button: { label: "Get Started" },
@@ -90,7 +90,7 @@ const props = defineProps({
 			{
 				name: "Pro",
 				price: "$29",
-				period: "/month",
+				period: "per month",
 				description: "For growing teams that need more power.",
 				features: [
 					"Unlimited projects",
@@ -104,7 +104,7 @@ const props = defineProps({
 			{
 				name: "Enterprise",
 				price: "$99",
-				period: "/month",
+				period: "per month",
 				description: "For large organizations with custom needs.",
 				features: [
 					"Unlimited everything",
@@ -171,6 +171,14 @@ const emit = defineEmits(["select"]);
 
 const billingPeriod = ref("monthly");
 
+function normalizePeriod(period) {
+	if (!period) return period;
+	const trimmed = String(period).trim().toLowerCase();
+	if (["/month", "/mo", "mo", "month"].includes(trimmed)) return "per month";
+	if (["/year", "/yr", "yr", "year"].includes(trimmed)) return "per year";
+	return period;
+}
+
 // Map XMark plan format to Nuxt UI format
 const mappedPlans = computed(() => {
 	return props.plans.map((plan) => {
@@ -183,9 +191,13 @@ const mappedPlans = computed(() => {
 				billingPeriod.value === "yearly"
 					? plan.price.yearly
 					: plan.price.monthly;
-			billingCycle = billingPeriod.value === "yearly" ? "/year" : "/month";
+			billingCycle =
+				billingPeriod.value === "yearly" ? "per year" : "per month";
 		} else if (props.hasBillingToggle && !plan.period) {
-			billingCycle = billingPeriod.value === "yearly" ? "/year" : "/month";
+			billingCycle =
+				billingPeriod.value === "yearly" ? "per year" : "per month";
+		} else {
+			billingCycle = normalizePeriod(billingCycle);
 		}
 
 		// Determine if this plan should be highlighted

package/package.json

@@ -2,7 +2,7 @@
   "name": "@xenterprises/nuxt-x-marketing",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",