Fixup types and intellisense

Author: leoj3n

src/lib/SvelteImg.svelte

@@ -6,7 +6,7 @@ import type { Picture as PictureType } from 'vite-imagetools'
 
 interface $$Props extends HTMLButtonAttributes {
   /** imagetools import */
-  src?: PictureType
+  src: PictureType | undefined
 
   /** img tag `sizes` attr */
   sizes?: string
@@ -18,10 +18,10 @@ interface $$Props extends HTMLButtonAttributes {
   height?: number
 
   /** img tag `loading` attr */
-  loading: 'lazy' | 'eager'
+  loading?: 'lazy' | 'eager'
 
   /** img tag `decoding` attr */
-  decoding: 'async' | 'auto' | 'sync'
+  decoding?: 'async' | 'auto' | 'sync'
 
   /** bindable reference to `<img>` element */
   ref?: HTMLImageElement
@@ -70,18 +70,13 @@ $: if (len(img)) {
   
   ## Usage
   ```tsx
-  <script>
-    // Import original full-sized image with `?as=run` query param
-    import cat from '$lib/assets/cat.jpg?as=run'
-    import Img from '@zerodevx/svelte-img'
-  </script>
   <Img class="cool kitty" src="{cat}" alt="Very meow" />
   ```
   
   ## Props
   - `src?: PictureType` - imagetools import
   - `sizes?: string` - img tag `sizes` attr
-  - `width?: number` - img width override */
+  - `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

src/routes/+page.svelte

@@ -9,7 +9,7 @@ import i3 from './assets/1920/3.jpg?h=720&as=run'
 import i4 from './assets/1920/4.jpg?h=720&as=run'
 import i5 from './assets/1920/5.jpg?h=720&as=run'
 import pllx from './assets/pllx.jpg?h=1024&as=run'
-import Img, { FxReveal, FxParallax } from '$lib'
+import Img, { FxReveal, FxParallax } from '$lib/index.js'
 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'