Version 3.1.0
Prefers Reduced Motion support added
- Added props of
inertandmotionfor rendering according to(prefers-reduced-motion)@media query.inertwill render only when preference isreducewhereasmotionwill render only whenno-preferenceis given or assumed. inertandmotionare also available as slot names when used inside a<MqResponsive group>element.- For SSR support,
defaultMotioncan be passed in the Vue3Mq configuration object with a value of eitherreduceorno-preferencewith the latter being default. motionPreference,isMotionandisInertproperties added to MQ object.
html
<MqResponsive tag="span" inert>
This user prefers reduced motion
</MqResponsive>