XbListingWrapper with Tabs component #
Below is the example of XbListingWrapper implementation with Oruga's Tabs component
Notes
When implementing the XbListingWrapper component with the Tabs component, you must implement conditional rendering for each XbListingWrapper component, and also reset the URL query to ensure only 1 XbListingWrapper component that rendered and the URL query result is correct.
You must do this prerequisite since the XbListingWrapper behavior is using the URL query, if there is two or more XbListingWrapper with different filter and will construct different URL query, the URL query will be combined for all XbListingWrapper component (because all XbListingWrapper components are rendered and the URL query is not reset).