fix: LazyLoadImage type

Author: CCherry07

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-lazy-load-image-component",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "vue-lazy-load-image-component",
   "type": "module",
   "main": "lib/index.js",

src/components/LazyLoadImage.tsx

@@ -1,10 +1,11 @@
+import type { DefineComponent } from 'vue';
 import { ExtractPropTypes, computed, defineComponent, ref } from 'vue';
 import LazyLoadComponent from './LazyLoadComponent.jsx';
 import { LazyLoadImagePropsFunc } from './interface.js';
 
-export type LazyLoadImageProps = Partial<ExtractPropTypes<ReturnType<typeof LazyLoadImagePropsFunc>>> & HTMLImageElement
+export type LazyLoadImageProps = Partial<ExtractPropTypes<ReturnType<typeof LazyLoadImagePropsFunc>>> & Partial<HTMLImageElement>
 
-export default defineComponent({
+const LazyLoadImage = defineComponent({
   name: 'LazyLoadImage',
   compatConfig: { MODE: 3 },
   inheritAttrs: false,
@@ -108,3 +109,5 @@ export default defineComponent({
     }
   },
 });
+
+export default LazyLoadImage as DefineComponent<LazyLoadImageProps>;

vite.config.ts

@@ -10,20 +10,20 @@ export default defineConfig({
     outputDir: 'lib',
     staticImport: true,
     exclude: ['**/__tests__/**/*', '**/__mocks__/**/*'],
-  }),vueJsx()],
+  }), vueJsx()],
   build: {
     lib: {
       entry: 'src/index.ts',
       name: 'vue-lazy-load-image-component',
       fileName: 'index',
       formats: ['es'],
     },
-    
+
     rollupOptions: {
-      input:['src/index.ts','src/effects/index.css'],
+      input: ['src/index.ts', 'src/effects/index.css'],
       external: ['vue'],
       output: {
-        dir:'lib',
+        dir: 'lib',
         globals: {
           vue: 'Vue'
         },