ignore user provided srcset in Image component

Author: manu4543

src/components/Image.vue

@@ -9,6 +9,8 @@ import { computed, inject, useAttrs } from "vue";
 import type { IKImageProps, ImageKitProviderProps } from '../interface';
 import { ImageKitContextKey } from "../provider/keys";
 
+defineOptions({ inheritAttrs: false });
+
 const props = defineProps<IKImageProps>();
 const context = inject<ImageKitProviderProps>(ImageKitContextKey, {});
 
@@ -97,6 +99,7 @@ const IK_KEYS = [
   "responsive",
   "deviceBreakpoints",
   "imageBreakpoints",
+  "srcSet",
 ] as const;
 
 const attrs = useAttrs();

test-apps/vue-ts/src/assets/base.css

@@ -24,6 +24,14 @@ import {Image, ImageKitProvider, Video} from "@imagekit/vue"
                     width=300
                 />
 
+                <!-- Custom srcset ignored -->
+                <Image
+                    src="/default-image.jpg"
+                    alt="Custom srcset ignored"
+                    height=300
+                    width=300
+                    srcset="default-image.jpg 1x, default-image.jpg 2x"
+                />
 
                 <!-- Width not number -->
                 <Image

test-apps/vue-ts/src/assets/logo.svg

@@ -1,5 +1,3 @@
-import './assets/main.css'
-
 import { createApp } from 'vue'
 import App from './App.vue'