nuxt-layer-core 1.0.7 → 1.1.0

package/app/layers/solution/app/components/DynamicPageSections.vue

@@ -24,6 +24,25 @@ const parseValue = (value: unknown) => {
 
 const toCamelCase = (key: string) => key.replace(/_([a-z0-9])/gi, (_, c) => c.toUpperCase())
 
+// Gói cần tư vấn được mang theo qua query (vd từ CoursesSection/PricingPlansSection ở trang khác) khi
+// người dùng bấm "Liên hệ tư vấn" cho 1 slug cụ thể - áp dụng cho mọi slug, không riêng gì 1 trang nào
+const route = useRoute()
+
+const queryPlan = computed(() => {
+  const id = route.query.plan
+  if (!id) return null
+
+  return {
+    id: String(id),
+    name: String(route.query.name || ''),
+    level: String(route.query.level || ''),
+    duration: String(route.query.duration || ''),
+    price: String(route.query.price || ''),
+    description: String(route.query.description || ''),
+    icon: 'lucide:server',
+  }
+})
+
 // Gom các item_id_0M_groups_0N (M: 1-3) của 1 group cụ thể thành mảng item hợp lệ
 const pickGroupItems = (sectionProps: Record<string, any> | undefined, groupSuffix: string) => {
   if (!sectionProps) return []
@@ -82,16 +101,31 @@ const sections = computed(() => {
     : null
 
   return list.map((section) => {
-    if (section.component !== 'CtaSection') return section
-
-    return {
-      ...section,
-      props: {
-        ...section.props,
-        courses,
-        pricingPlans,
-      },
+    if (section.component === 'CtaSection') {
+      return {
+        ...section,
+        props: {
+          ...section.props,
+          courses,
+          pricingPlans,
+        },
+      }
     }
+
+    // RegistrationSection: nếu URL có sẵn ?plan=... (đến từ nút "Liên hệ tư vấn" ở trang khác)
+    // thì hiển thị đúng gói đó thay vì danh sách trống do CMS không có data theo query
+    if (section.component === 'RegistrationSection' && queryPlan.value) {
+      return {
+        ...section,
+        props: {
+          ...section.props,
+          plans: [queryPlan.value],
+          selectedPlanId: queryPlan.value.id,
+        },
+      }
+    }
+
+    return section
   })
 })
 </script>