v2.2.0: New <MqLayout> Minus and Range Prop Selectors

When using the <mq-layout> component within your Vue 3 app, you'll now be able to use 2 additional selector types:

  • Minus: mq="lg-" - Will render on lg or below breakpoints... NEW
  • Range: mq="xs-md" - Will render on any screen sizes between xs and md... NEW
  • Plus: mq="md+" - Renders on any screen sizes above md
  • Single: mq="lg" - Only renders on lg screen sizes
  • Array: :mq="['xs','sm','xl']" - Renders on xs, sm and xl screen sizes