chore(picture): update slot syntax to vue 3

imgix · Jan 7, 2022 · 1cd219c · 1cd219c
1 parent fe9a14e
commit 1cd219c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/plugins/vue-imgix/ix-picture.tsx b/src/plugins/vue-imgix/ix-picture.tsx
@@ -1,15 +1,17 @@
-import { ensureVueImgixClientSingleton } from './vue-imgix';
 import { defineComponent, h } from 'vue';
+import { ensureVueImgixClientSingleton } from './vue-imgix';
 
 const IxPictureProps = defineComponent({
   props: {},
 });
 
 export const IxPicture = defineComponent({
   mixins: [IxPictureProps],
-  render() {
+  setup(_, { slots }) {
     ensureVueImgixClientSingleton();
-
-    return h('picture', this.$slots.default);
+    const defaultSlots = slots && slots.default && slots.default();
+    return () => {
+      return h('picture', defaultSlots);
+    };
   },
 });