Develop and Implement a CategoryFilter Component

[klementj]

Reason for Issue: To enhance product navigation and improve user experience by allowing customers to filter products by categories.

Description: Create a CategoryFilter Vue component that enables users to filter the product listings on the webshop by selecting one or multiple product properties. The component should be responsive and integrate seamlessly with the existing webshop design using PrimeVue. See the figma file for a design example.

Tasks:

• Create a 'filters' button, when clicked opens a section, showing options to filter between colors and sizes
• When a color or other options is selected by the user a primevue chip component should show the currently selected options
• Implement the filtering logic to display products based on selected categories.
• Ensure the component is responsive and matches the webshop's style guide.

Acceptance Criteria:

• The filter allows for selection of multiple properties.
• A filter option can be removed when clicking on a chips X icon
• Filtered product results update the product listing page in real-time.
• The component is fully responsive and user-friendly across all devices.

Resources:

• PrimeVue categoryFilter - Horizontal expandable

Notes:

• Consider user feedback loops for an empty result set after filtering.

[klementj]

@GARZTHONGK Maybe you can list the properties that all products have. Like color and...?

Is it possible to get all products from a specific category through an endpoint like medusa/products/men ?