--- import * as config from "../config.yaml"; import core from "../core.json"; import contributors from "../contributors.json"; import SpeakerGrid from "./SpeakerGrid.astro"; import SliderTestimonial from "./SliderTestimonial.astro"; import MembersGrid from "./MembersGrid.astro"; // Accept sectionsConfig as a prop const { sectionsConfig = [ { name: "community", visible: true, order: 1 }, { name: "socialLinks", visible: true, order: 2 }, { name: "speakers", visible: true, order: 3 }, { name: "core contributors", visible: true, order: 4 }, { name: "contributors", visible: true, order: 5 }, { name: "testimonials", visible: true, order: 6 }, { name: "membersGrid", visible: true, order: 7 }, { name: "communityPartners", visible: true, order: 8 }, ], } = Astro.props; console.log(sectionsConfig); // Function to sort sections by order const sortedSections = sectionsConfig .filter((section) => section.visible) .sort((a, b) => a.order - b.order); --- { sortedSections.map((section) => (