Fix package exports and types

image-vue/package.json

@@ -17,8 +17,8 @@
   "files": [
     "dist"
   ],
-  "exports": "./dist/image-vue-pure/Image.mjs",
-  "types": "./dist/image-vue-pure/Image.d.mts",
+  "exports": "./dist/image-vue/Image.mjs",
+  "types": "./dist/image-vue/Image.d.mts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/voorhoede/Image.git",
@@ -31,4 +31,4 @@
   ],
   "author": "De Voorhoede (https://www.voorhoede.nl/)",
   "license": "ISC"
-}
+}

image-vue/readme.md

@@ -0,0 +1,38 @@
+# App Image
+Extension of the native `<img>` element. When loading images it is important to load assets matching the needed size, this is done using the `loader` prop and setting `sizes`.
+
+## Usage
+### Image with fixed size
+```vue
+<app-image
+  src="/example.jpg"
+  :width="754"
+  :height="552"
+  alt="An example"
+/>
+```
+
+### Image with responsive size
+```vue
+<app-image
+  src="/example.jpg"
+  :width="754"
+  :height="552"
+  alt="An example"
+  sizes="100vw"
+/>
+```
+
+### With loader
+Pass `loader` function to resolve `src` to optimized URLs.
+```vue
+<app-image
+  src="/example.jpg"
+  :width="754"
+  :height="552"
+  alt="An example"
+  sizes="100vw"
+  :loader="({ src, width }) => `${src}?width=${width}`"
+/>
+```
+

readme.md

@@ -1,6 +1,9 @@
 # Image component
 Image component to fetch optimized images from a CDN.
 
+Extension of the native `<img>` element. When loading images it is important to load assets matching the needed size, this is done using the `loader` prop and setting `sizes`.
+
 ## Niceness
 - No client-side JavaScript
 - Generate `srcset` from native `sizes` attribute
+