Skip to content

Commit 8254cd1

Browse files
committed
Doc phrasing
1 parent 7a52672 commit 8254cd1

File tree

1 file changed

+5
-6
lines changed

1 file changed

+5
-6
lines changed

README.md

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ export default defineConfig({
129129

130130
> [!NOTE]
131131
> `runDefaultDirectives` is deprecated and will be removed in the next major; use `profiles`
132-
> instead. When a preset is not used, behaviour falls back to standard `vite-imagetools`, which in
132+
> instead. When a profile is not used, behaviour falls back to standard `vite-imagetools`, which in
133133
> turn take defaults from `defaultDirectives` as usual, so both can co-exist.
134134
135135
### Profiles
@@ -176,7 +176,7 @@ Widths/formats can be applied to a particular image. From your `.svelte` file:
176176
> [!NOTE]
177177
> Order of `format` matters - the _last_ format is used as the fallback image.
178178
179-
If only **one** variant is generated, then just the `<img>` tag renders, so:
179+
If just **one** variant is generated, then only the `<img>` tag renders, so:
180180

181181
<!-- prettier-ignore -->
182182
```html
@@ -346,16 +346,15 @@ for me, but you can apply your own using CSS.
346346
import src from '$lib/a/cat.jpg?as=run'
347347
import { onMount } from 'svelte'
348348
349-
let ref, mounted, loaded
349+
let ref, loaded
350350
onMount(() => {
351351
if (ref.complete) loaded = true
352-
mounted = true
353352
})
354353
</script>
355354
356355
<div class="wrap">
357356
<Img {src} bind:ref on:load={() => (loaded = true)} />
358-
<div class="blur" class:mounted class:loaded />
357+
<div class="blur" class:loaded />
359358
</div>
360359
361360
<style>
@@ -369,7 +368,7 @@ for me, but you can apply your own using CSS.
369368
backdrop-filter: blur(20px);
370369
pointer-events: none;
371370
}
372-
.mounted.loaded {
371+
.loaded {
373372
display: none;
374373
}
375374
</style>

0 commit comments

Comments
 (0)