Skip to content

Releases: datocms/vue-datocms

v4.0.0

14 Nov 15:31
Compare
Choose a tag to compare

Changes to component

You can now avoid requesting srcSet in the responsiveImage() GraphQL query, as if it's missing, the component will build it internally. This can reduce the overall GraphQL response significantly.

Basically, with v4 your responsiveImage queries can be reduced down to:

responsiveImage(imgixParams: { auto: format }) {
  src width height alt base64
}

New props for Image component:

  • priority: When true, the image will be considered high priority. Lazy loading is automatically disabled, and fetchpriority="high" is added to the image. You should use the priority property on any image detected as the Largest Contentful Paint (LCP) element. It may be appropriate to have multiple priority images, as different images may be the LCP element for different viewport sizes. Should only be used when the image is visible above the fold.
  • sizes: If you're using this prop, you can avoid requesting sizes in the responsiveImage() query (it will reduce the overall GraphQL response size).
  • src-set-candidates: If you're not requesting srcSet in the responsiveImage() GraphQL query, src-set-candidates will be used to generate the different srcset candidate strings at various widths. Default candidates are: [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4].

Changelog

  • Merge pull request #66 from datocms/dependabot/npm_and_yarn/examples/query-subscription/loader-utils-1.4.1 05da971
  • Merge pull request #67 from datocms/dependabot/npm_and_yarn/examples/vue-cli-babel-javascript-vue2/loader-utils-1.4.1 2aa17b8
  • Merge pull request #68 from datocms/feat/smaller-graphql-queries 64bea17
  • Make Image component smarter 46b41b5
  • Bump loader-utils in /examples/vue-cli-babel-javascript-vue2 6d84b7e
  • Bump loader-utils from 1.4.0 to 1.4.1 in /examples/query-subscription 24e0742

v3.0.3...v4.0.0

v3.0.3

14 Nov 14:30
Compare
Choose a tag to compare

Full Changelog: v3.0.2...v3.0.3

v3.0.2

14 Nov 14:30
Compare
Choose a tag to compare

Full Changelog: v3.0.1...v3.0.2

v3.0.1

14 Nov 14:29
Compare
Choose a tag to compare

Full Changelog: v3.0.0...v3.0.1

v3.0.0

14 Nov 14:28
Compare
Choose a tag to compare

What's Changed

  • Bump parse-url from 6.0.0 to 6.0.5 in /examples/nuxt3-app by @dependabot in #61
  • Support both Vue 2 and Vue 3 by @sistrall in #64

New Contributors

Full Changelog: v2.0.0...v3.0.0

v0.2.5

23 Mar 08:08
Compare
Choose a tag to compare

v0.2.4

08 Mar 15:18
Compare
Choose a tag to compare
  • Fix issue with code block d0f2c24
  • Merge pull request #18 from datocms/dependabot/npm_and_yarn/pug-code-gen-2.0.3 71b3964
  • Bump pug-code-gen from 2.0.2 to 2.0.3 74bdd51

v0.2.3...v0.2.4

v0.2.3

18 Feb 07:09
Compare
Choose a tag to compare

v0.2.2

17 Feb 14:45
Compare
Choose a tag to compare

v0.2.1...v0.2.2

v0.2.1

17 Feb 10:28
Compare
Choose a tag to compare

v0.2.0...v0.2.1