Releases · datocms/vue-datocms

Old pictureClass/pictureStyle props now control the <picture> tag instead of the <img> tag. For the <img> tag, you can use the new props imgClass/imgStyle. eeb412e

v6.0.4...v7.0.0

Assets 2

06 Jun 16:36

stefanoverna

v6.0.4

e81afdd

v6.0.4

Fix types for structured text component 9078f52

v6.0.3...v6.0.4

Assets 2

31 May 15:56

stefanoverna

v6.0.3

20bc752

v6.0.3

Fix regression ba60c7d

v6.0.2...v6.0.3

Assets 2

27 May 14:08

stefanoverna

v6.0.2

e5eedce

v6.0.2

Avoid complainings from Pagespeed

Assets 2

03 Apr 07:22

stefanoverna

v6.0.0

1347f62

v6.0.0

Introducing `<datocms-naked-image />`

Now that both loading=lazy and aspect-ratio are broadly supported (> 93% of browsers) we can avoid complex JS to achieve lazy-loaded images with placeholders!

<datocms-naked-image /> generates minimum JS footprint, outputs a single <picture /> element and implements lazy-loading using the native loading="lazy" attribute. The placeholder is set as the background to the image itself.

Major changes to existing `<datocms-image>`:

removed lazy-load: lazy loading is automatically disabled for images using priority
removed root-style: you can simply use style to style the root element
removed explicit-width
added load event
added rootRef and imageRef as public properties