@@ -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