Version 3.1.0
Prefers Reduced Motion support added
- Added props of
inert
andmotion
for rendering according to(prefers-reduced-motion)
@media query.inert
will render only when preference isreduce
whereasmotion
will render only whenno-preference
is given or assumed. inert
andmotion
are also available as slot names when used inside a<MqResponsive group>
element.- For SSR support,
defaultMotion
can be passed in the Vue3Mq configuration object with a value of eitherreduce
orno-preference
with the latter being default. motionPreference
,isMotion
andisInert
properties added to MQ object.
html
<MqResponsive tag="span" inert>
This user prefers reduced motion
</MqResponsive>