v8.0.0-0

• Generics-typed Structured Text component f8c5d15

v7.0.4...v8.0.0-0

v7.0.5

• Temporary fix for StructuredText types 53991e2

v7.0.4...v7.0.5

v7.0.4

7.0.4

v7.0.2

• Better typings 8f90559
• Update README.md to clean up starter links fad5c17

v7.0.1...v7.0.2

v7.0.1

• NakedImage class/style is now imgClass/imgStyle. Introduce pictureClass/pictureStyle 802bd85

v7.0.0...v7.0.1

v7.0.0

• 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

v6.0.4

• Fix types for structured text component 9078f52

v6.0.3...v6.0.4

v6.0.3

• Fix regression ba60c7d

v6.0.2...v6.0.3

v6.0.2

• Avoid complainings from Pagespeed

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

Other

All the examples have been consolidated into a single SPA React application to ensure a straightforward maintenance process.

https://vue-datocms-example-datocms.vercel.app

v5.1.2...v6.0.0