cinqcinqdev-seo 0.1.46 → 0.1.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json
CHANGED
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
<!-- Empty state placeholder -->
|
|
169
169
|
<div v-if="!parsedPlans.length" class="py-16 text-center" :style="{ opacity: 0.2 }">
|
|
170
170
|
<div class="text-4xl font-black mb-2">≡</div>
|
|
171
|
-
<div class="text-xs font-black uppercase tracking-widest">Add
|
|
171
|
+
<div class="text-xs font-black uppercase tracking-widest">Add items to compare</div>
|
|
172
172
|
</div>
|
|
173
173
|
|
|
174
174
|
</div>
|
|
@@ -197,7 +197,7 @@ const props = defineProps({
|
|
|
197
197
|
description: { type: String, default: "" },
|
|
198
198
|
rowsLabel: { type: String, default: "Features" },
|
|
199
199
|
rows: { type: String, default: "Projects\nStorage\nSupport\nAPI Access\nCustom Domain" },
|
|
200
|
-
|
|
200
|
+
items: { type: Array, default: () => [
|
|
201
201
|
{
|
|
202
202
|
name: "Starter",
|
|
203
203
|
badge: "",
|
|
@@ -246,7 +246,7 @@ const containerClass = computed(() => ({ narrow: "max-w-3xl mx-auto", normal: "m
|
|
|
246
246
|
const titleFontSize = computed(() => ({ sm: "clamp(1.5rem,3vw,2.5rem)", md: "clamp(2rem,4vw,3.5rem)", lg: "clamp(2.5rem,6vw,5rem)" })[props.textSize] || "clamp(2rem,4vw,3.5rem)");
|
|
247
247
|
const bodyClass = computed(() => ({ sm: "text-xs", md: "text-sm", lg: "text-base" })[props.textSize] || "text-sm");
|
|
248
248
|
const parsedPlans = computed(
|
|
249
|
-
() => (props.
|
|
249
|
+
() => (props.items || []).map((plan) => ({
|
|
250
250
|
...plan,
|
|
251
251
|
features: (plan.features || "").split("\n").map(parseFeatureLine).filter(Boolean)
|
|
252
252
|
}))
|
|
@@ -134,7 +134,7 @@ const props = defineProps({
|
|
|
134
134
|
{ label: "Department", align: "left", badge: false },
|
|
135
135
|
{ label: "Status", align: "left", badge: true }
|
|
136
136
|
] },
|
|
137
|
-
|
|
137
|
+
items: { type: Array, default: () => [
|
|
138
138
|
{ cells: "Alice Martin | Lead Designer | Product | Active" },
|
|
139
139
|
{ cells: "Bob Chen | Senior Developer | Engineering | Active" },
|
|
140
140
|
{ cells: "Clara Dumont | Product Manager | Product | On leave" },
|
|
@@ -160,7 +160,7 @@ const parsedCols = computed(() => (props.columns || []).map((col) => ({
|
|
|
160
160
|
align: col.align || "left",
|
|
161
161
|
badge: col.badge || false
|
|
162
162
|
})));
|
|
163
|
-
const parsedRows = computed(() => (props.
|
|
163
|
+
const parsedRows = computed(() => (props.items || []).map((row) => ({
|
|
164
164
|
cells: (row.cells || "").split("|").map((c) => c.trim())
|
|
165
165
|
})));
|
|
166
166
|
const query = ref("");
|
|
@@ -630,7 +630,7 @@ export const DEFAULT_SECTIONS = {
|
|
|
630
630
|
{ label: "Department", align: "left", badge: false },
|
|
631
631
|
{ label: "Status", align: "left", badge: true }
|
|
632
632
|
],
|
|
633
|
-
|
|
633
|
+
items: [
|
|
634
634
|
{ cells: "Alice Martin | Lead Designer | Product | Active" },
|
|
635
635
|
{ cells: "Bob Chen | Senior Developer | Engineering | Active" },
|
|
636
636
|
{ cells: "Clara Dumont | Product Manager | Product | On leave" },
|
|
@@ -677,8 +677,8 @@ export const DEFAULT_SECTIONS = {
|
|
|
677
677
|
] },
|
|
678
678
|
badge: { type: "select", label: "Badge style", options: [{ value: false, label: "Plain text" }, { value: true, label: "Badge pill" }] }
|
|
679
679
|
} },
|
|
680
|
-
|
|
681
|
-
cells: { type: "textarea", label: "Cells (separate values with |)" }
|
|
680
|
+
items: { type: "list", label: "Rows", itemFields: {
|
|
681
|
+
cells: { type: "textarea", label: "Cells (separate values with | \u2014 e.g. Alice | Designer | Active)" }
|
|
682
682
|
} },
|
|
683
683
|
bgColor: { type: "color", label: "Background" },
|
|
684
684
|
textColor: { type: "color", label: "Text Color" },
|
|
@@ -701,7 +701,7 @@ export const DEFAULT_SECTIONS = {
|
|
|
701
701
|
description: i18n0(),
|
|
702
702
|
rowsLabel: "Features",
|
|
703
703
|
rows: "Projects\nStorage\nSupport\nAPI Access\nCustom Domain",
|
|
704
|
-
|
|
704
|
+
items: [
|
|
705
705
|
{ name: "Starter", badge: "", price: "$0", priceUnit: "/mo", description: "Perfect for individuals and small projects.", highlighted: false, ctaText: "Get started", ctaLink: "#", features: "3 projects\n1 GB storage\nCommunity support\n\u2717 API access\n\u2717 Custom domain" },
|
|
706
706
|
{ name: "Pro", badge: "Popular", price: "$29", priceUnit: "/mo", description: "Everything you need to scale your business.", highlighted: true, ctaText: "Start free trial", ctaLink: "#", features: "Unlimited projects\n50 GB storage\nPriority support\n\u2713 API access\n\u2713 Custom domain" },
|
|
707
707
|
{ name: "Enterprise", badge: "", price: "$99", priceUnit: "/mo", description: "Advanced features for large organizations.", highlighted: false, ctaText: "Contact sales", ctaLink: "#", features: "Unlimited projects\nUnlimited storage\nDedicated support\n\u2713 API access\n\u2713 Custom domain" }
|
|
@@ -730,7 +730,7 @@ export const DEFAULT_SECTIONS = {
|
|
|
730
730
|
description: { type: "textarea", label: "Description", i18n: true },
|
|
731
731
|
rowsLabel: { type: "text", label: "Rows label (table layout)" },
|
|
732
732
|
rows: { type: "textarea", label: "Feature rows (one per line, table layout)" },
|
|
733
|
-
|
|
733
|
+
items: { type: "list", label: "Plans / Options", itemFields: {
|
|
734
734
|
name: { type: "text", label: "Plan name" },
|
|
735
735
|
badge: { type: "text", label: "Badge (e.g. Popular)" },
|
|
736
736
|
price: { type: "text", label: "Price (e.g. $29)" },
|