vue-datocms 4.0.2 → 4.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # vue-datocms
2
2
 
3
- ![MIT](https://img.shields.io/npm/l/vue-datocms?style=for-the-badge) ![NPM](https://img.shields.io/npm/v/vue-datocms?style=for-the-badge) [![Build Status](https://img.shields.io/github/workflow/status/datocms/vue-datocms/Node.js%20CI?style=for-the-badge)](https://github.com/datocms/vue-datocms/actions/workflows/node.js.yml)
3
+ ![MIT](https://img.shields.io/npm/l/vue-datocms?style=for-the-badge) ![NPM](https://img.shields.io/npm/v/vue-datocms?style=for-the-badge) [![Build Status](https://img.shields.io/github/actions/workflow/status/datocms/vue-datocms/node.js.yml?branch=master&style=for-the-badge)](https://github.com/datocms/vue-datocms/actions/workflows/node.js.yml)
4
4
 
5
- A set of components and utilities to work faster with [DatoCMS](https://www.datocms.com/) in Vue.js environments. Integrates seamlessy with [DatoCMS's GraphQL Content Delivery API](https://www.datocms.com/docs/content-delivery-api).
5
+ A set of components and utilities to work faster with [DatoCMS](https://www.datocms.com/) in Vue.js environments. Integrates seamlessly with [DatoCMS's GraphQL Content Delivery API](https://www.datocms.com/docs/content-delivery-api).
6
6
 
7
7
  - Works with Vue 3 and Vue 2;
8
8
  - TypeScript ready;
package/dist/index.cjs.js CHANGED
@@ -396,6 +396,7 @@ const Image = vueDemi.defineComponent({
396
396
  }));
397
397
  const transition = typeof this.fadeInDuration === "undefined" || this.fadeInDuration > 0 ? `opacity ${this.fadeInDuration || 500}ms ${this.fadeInDuration || 500}ms` : void 0;
398
398
  const placeholder = this.usePlaceholder && (this.data.bgColor || this.data.base64) ? vueDemi.h("div", {
399
+ "aria-hidden": "true",
399
400
  style: {
400
401
  backgroundImage: this.data.base64 ? `url(${this.data.base64})` : null,
401
402
  backgroundColor: this.data.bgColor,
@@ -533,7 +534,7 @@ const hAdapter = (tagName, props, childOrChildren) => {
533
534
  return vueDemi.h(
534
535
  tagName,
535
536
  props,
536
- Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
537
+ typeof childOrChildren === "undefined" || Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
537
538
  );
538
539
  };
539
540
  const defaultAdapter = {
@@ -390,6 +390,7 @@ const Image = defineComponent({
390
390
  }));
391
391
  const transition = typeof this.fadeInDuration === "undefined" || this.fadeInDuration > 0 ? `opacity ${this.fadeInDuration || 500}ms ${this.fadeInDuration || 500}ms` : void 0;
392
392
  const placeholder = this.usePlaceholder && (this.data.bgColor || this.data.base64) ? h("div", {
393
+ "aria-hidden": "true",
393
394
  style: {
394
395
  backgroundImage: this.data.base64 ? `url(${this.data.base64})` : null,
395
396
  backgroundColor: this.data.bgColor,
@@ -527,7 +528,7 @@ const hAdapter = (tagName, props, childOrChildren) => {
527
528
  return h(
528
529
  tagName,
529
530
  props,
530
- Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
531
+ typeof childOrChildren === "undefined" || Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
531
532
  );
532
533
  };
533
534
  const defaultAdapter = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-datocms",
3
- "version": "4.0.2",
3
+ "version": "4.0.4",
4
4
  "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
5
5
  "keywords": [
6
6
  "datocms",