Fix dumb mistakes

Author: leoj3n

src/ambient.d.ts

@@ -1,8 +1,4 @@
-declare module '*?as=run' {
-  let img
-  export default img
-}
-declare module '*&as=run' {
-  let img
-  export default img
+declare module './assets/*' {
+  let meta
+  export default meta
 }

src/lib/SvelteImg.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 import Picture from './Picture.svelte'
 import { len, lqipToBackground } from './utils.js'
-import type { HTMLButtonAttributes } from 'svelte/elements'
+import type { HTMLImgAttributes } from 'svelte/elements'
 import type { Picture as PictureType } from 'vite-imagetools'
 
-interface $$Props extends HTMLButtonAttributes {
+interface $$Props extends Omit<HTMLImgAttributes, 'src'> {
   /** imagetools import */
-  src: PictureType | undefined
+  src: PictureType
 
   /** img tag `sizes` attr */
   sizes?: string
@@ -27,7 +27,7 @@ interface $$Props extends HTMLButtonAttributes {
   ref?: HTMLImageElement
 }
 
-export let src: $$Props['src'] = undefined
+export let src: $$Props['src']
 export let sizes: $$Props['sizes'] = undefined
 export let width: $$Props['width'] = undefined
 export let height: $$Props['height'] = undefined
@@ -74,11 +74,11 @@ $: if (len(img)) {
   ```
   
   ## Props
-  - `src?: PictureType` - imagetools import
+  - `src: PictureType` - imagetools import
   - `sizes?: string` - img tag `sizes` attr
-  - `width?: number` - img width override
-  - `height?: number` - img height override
-  - `loading: 'lazy' | 'eager'` - img tag `loading` attr
-  - `decoding: 'async' | 'auto' | 'sync'` - img tag `decoding` attr
+  - `width?: number` - img `width` override
+  - `height?: number` - img `height` override
+  - `loading?: 'lazy' | 'eager'` - img tag `loading` attr
+  - `decoding?: 'async' | 'auto' | 'sync'` - img tag `decoding` attr
   - `ref?: HTMLImageElement` - bindable reference to `<img>` element
   -->

src/routes/+page.svelte

@@ -1,6 +1,4 @@
-<script>
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
+<script lang="ts">
 /* eslint-disable no-useless-escape */
 import hero from './assets/hero.jpg?w=480;1024;1920;2560;h=720&as=run'
 import i1 from './assets/1920/1.jpg?h=720&as=run'
@@ -14,14 +12,15 @@ import { version } from '$app/environment'
 import testSingle from './assets/640/01.jpg?w=80&h=80&format=jpg&as=run:0'
 import testFallback from './assets/640/01.jpg?h=80'
 import testProfile from './assets/640/01.jpg?as=run2'
+import type { Picture } from 'vite-imagetools'
 
 const modules = import.meta.glob('./assets/640/*.jpg', {
   import: 'default',
   eager: true,
   query: { w: 640, h: 640, fit: 'cover', as: 'run' }
 })
-const esc = (i) => i
-const images = Object.entries(modules).map((i) => i[1])
+const esc = (i: string) => i
+const images = Object.entries(modules).map((i) => i[1]) as Picture[]
 let selected = 0
 </script>