fix: picture mode by changing JSX usage in IxPicture and IxSource

imgix · Jul 22, 2020 · 97d1255 · 97d1255
1 parent cefa6a1
commit 97d1255
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/plugins/vue-imgix/ix-picture.tsx b/src/plugins/vue-imgix/ix-picture.tsx
@@ -1,8 +1,8 @@
 import {
   ensureVueImgixClientSingleton,
-  IVueImgixClient,
+  IVueImgixClient
 } from '@/plugins/vue-imgix/vue-imgix';
-import Vue from 'vue';
+import Vue, { CreateElement } from 'vue';
 import Component from 'vue-class-component';
 
 const IxPictureProps = Vue.extend({
@@ -18,7 +18,7 @@ export class IxPicture extends IxPictureProps {
     this.vueImgixSingleton = ensureVueImgixClientSingleton();
   }
 
-  render() {
-    return <picture>{this.$slots.default}</picture>;
+  render(createElement: CreateElement) {
+    return createElement('picture', this.$slots.default);
   }
 }
diff --git a/src/plugins/vue-imgix/ix-source.tsx b/src/plugins/vue-imgix/ix-source.tsx
@@ -1,8 +1,8 @@
 import {
   ensureVueImgixClientSingleton,
-  IVueImgixClient,
+  IVueImgixClient
 } from '@/plugins/vue-imgix/vue-imgix';
-import Vue from 'vue';
+import Vue, { CreateElement } from 'vue';
 import Component from 'vue-class-component';
 
 const IxSourceProps = Vue.extend({
@@ -30,7 +30,7 @@ export class IxSource extends IxSourceProps {
     this.vueImgixSingleton = ensureVueImgixClientSingleton();
   }
 
-  render() {
+  render(createElement: CreateElement) {
     const imgixParamsFromAttributes = {};
 
     const { srcset } = this.vueImgixSingleton.buildUrlObject(this.src, {
@@ -47,6 +47,6 @@ export class IxSource extends IxSourceProps {
       [attributeConfig.srcset]: srcset,
     };
 
-    return <source attrs={childAttrs} />;
+    return createElement('source', { attrs: childAttrs });
   }
 }