@@ -129,7 +129,7 @@ export default defineConfig({
129
129
130
130
> [ !NOTE]
131
131
> ` 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
133
133
> turn take defaults from ` defaultDirectives ` as usual, so both can co-exist.
134
134
135
135
### Profiles
@@ -176,7 +176,7 @@ Widths/formats can be applied to a particular image. From your `.svelte` file:
176
176
> [ !NOTE]
177
177
> Order of ` format ` matters - the _ last_ format is used as the fallback image.
178
178
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:
180
180
181
181
<!-- prettier-ignore -->
182
182
``` html
@@ -346,16 +346,15 @@ for me, but you can apply your own using CSS.
346
346
import src from '$lib/a/cat.jpg?as=run'
347
347
import { onMount } from 'svelte'
348
348
349
- let ref, mounted, loaded
349
+ let ref, loaded
350
350
onMount(() => {
351
351
if (ref.complete) loaded = true
352
- mounted = true
353
352
})
354
353
</script>
355
354
356
355
<div class="wrap">
357
356
<Img {src} bind:ref on:load={() => (loaded = true)} />
358
- <div class="blur" class:mounted class: loaded />
357
+ <div class="blur" class:loaded />
359
358
</div>
360
359
361
360
<style>
@@ -369,7 +368,7 @@ for me, but you can apply your own using CSS.
369
368
backdrop-filter: blur(20px);
370
369
pointer-events: none;
371
370
}
372
- .mounted. loaded {
371
+ .loaded {
373
372
display: none;
374
373
}
375
374
</style>
0 commit comments