[feature]: "price" attribute to "price_range"

Is your feature request related to a problem? Please describe. I would like to use features like discounts, special prices, minimum and maximum prices. Therefore I suggest we need to create a new <PriceRange /> component and rewrite some of the GraphQL queries.

Describe the solution you’d like When there is a discount or special price, I would like to see this on the category-, product-page and in the search. Also when the product contains a different minimum or maximum price, show this on the category-, product-page and the lowest price in the search

Describe alternatives you’ve considered none

Additional context

Please let us know what packages this feature is in regards to:

• venia-concept
• venia-ui
• pwa-buildpack
• peregrine
• pwa-devdocs
• upward-js
• upward-spec
• create-pwa

[huykon]

as I checked price_rage documentation, so :

1. Should we use maximum_price or minimum_price or both?
2. Which mockup or design UX for situations display price(discount, promotion rule, …) ?

[sirugh]

To add, we may want to have this scope encompass all areas of venia that use price:

• cart
• mini cart
• product page
• order page
• search page
• search box (autocomplete results)
• category page.
• wishlist