feat: implement attribute mapping

imgix · May 1, 2020 · 74d1c08 · 74d1c08
1 parent 8c13da5
commit 74d1c08
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/src/plugins/vue-imgix/ix-img.ts b/src/plugins/vue-imgix/ix-img.ts
@@ -1,6 +1,9 @@
+import {
+  ensureVueImgixClientSingleton,
+  IVueImgixClient,
+} from '@/plugins/vue-imgix/vue-imgix';
 import Vue, { CreateElement } from 'vue';
 import Component from 'vue-class-component';
-import { ensureVueImgixClientSingleton, IVueImgixClient } from '@/plugins/vue-imgix/vue-imgix';
 
 const IxImgProps = Vue.extend({
   props: {
@@ -11,9 +14,15 @@ const IxImgProps = Vue.extend({
     imgixParams: Object,
     width: [String, Number],
     height: [String, Number],
+    attributeConfig: Object,
   },
 });
 
+const defaultAttributeMap = {
+  src: 'src',
+  srcset: 'srcset',
+};
+
 @Component
 export class IxImg extends IxImgProps {
   // Using !: here because we ensure it is set in created()
@@ -34,10 +43,17 @@ export class IxImg extends IxImgProps {
       ...this.imgixParams,
     });
 
+    console.log('typeof this.attributeConfig', typeof this.attributeConfig);
+    console.log('this.attributeConfig', this.attributeConfig);
+    const attributeConfig = {
+      ...defaultAttributeMap,
+      ...this.attributeConfig,
+    };
+
     return createElement('img', {
       attrs: {
-        src,
-        srcset,
+        [attributeConfig.src]: src,
+        [attributeConfig.srcset]: srcset,
         width: this.width,
         height: this.height,
       },