@zerodevx/svelte-img - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

dist/vite.js

@@ -33,3 +33,5 @@ import { imagetools, pictureFormat } from 'vite-imagetools'
     defaultDirectives: (url) =>
-      url.searchParams.get('as') === 'run' ? runDefaultDirectives : defaultDirectives,
+      url.searchParams.get('as')?.split(':')[0] === 'run'
+        ? runDefaultDirectives
+        : defaultDirectives,
     extendOutputFormats: (builtins) => ({ ...extendOutputFormats(builtins), run }),
@@ -36,0 +38,0 @@ exclude,

package.json

 {
   "name": "@zerodevx/svelte-img",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "High-performance responsive/progressive images for SvelteKit",
@@ -42,3 +42,3 @@ "author": "Jason Lee <[e-mail]>",
     "prettier-plugin-svelte": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.4.1",
+    "prettier-plugin-tailwindcss": "^0.5.1",
     "svelte": "^4.1.2",
@@ -45,0 +45,0 @@ "svelte-check": "^3.4.6",

README.md

@@ -155,9 +155,6 @@ # svelte-img
 > [!IMPORTANT]  
-> Order of `format` is important - the _last_ format is used as the fallback image.
+> Order of `format` matters - the _last_ format is used as the fallback image.
 
-If only **one** variant is generated, the `<picture>` tag **won't** be rendered since it's
-redundant.
+If only **one** variant is generated, only the `<img>` tag is rendered, so:
 
-So:
-
 <!-- prettier-ignore -->
@@ -190,9 +187,9 @@ ```html
 
-LQIP is controlled by the `run` directive param. Using `?as=run` defaults to `16px` LQIP -
-functionally equivalent to `?as=run:16`. Increase for a higher quality LQIP (eg. `?as=run:32` for
-`32px` LQIP) at the expense of a larger inline `base64` (larger HTML size).
+The `run` directive takes an optional parameter that sets the LQIP's width. Using `?as=run` defaults
+to `16px` LQIP - functionally equivalent to `?as=run:16`. Increase for a higher quality LQIP (eg.
+`?as=run:32` for `32px` LQIP) at the expense of a larger inline `base64` (larger HTML size).
 
 To disable LQIP, set `?as=run:0`.
 
-For a dominant single-colour background, set `?as=run:1`, like so:
+For a dominant single-colour background, set `?as=run:1`, so:
 
@@ -239,4 +236,4 @@ <!-- prettier-ignore -->
 
-Use the `sizes` attribute to define a set of media conditions to hint which image size to select
-when those conditions are true. Read up more on the
+Use the `sizes` attribute to define a set of media conditions that provides hints as to which image
+size should be selected when those conditions are true. Read up more on the
 [art direction problem](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images).
@@ -243,0 +240,0 @@

No alert changes

Improved metrics

Total package byte prevSize

25552

increased by0.17%

Lines of code

231

increased by0.87%

Worsened metrics

Number of lines in readme file

424

decreased by-0.7%

No dependency changes