feat: added readme screenshots

Author: syntaxlexx

package.json

@@ -13,6 +13,7 @@
         "@tailwindcss/typography": "^0.5.9",
         "@tsconfig/svelte": "^4.0.1",
         "@types/node": "^18.15.11",
+        "@types/ziggy-js": "^1.3.2",
         "@typescript-eslint/eslint-plugin": "^5.57.0",
         "@typescript-eslint/parser": "^5.57.0",
         "autoprefixer": "^10.4.14",

pnpm-lock.yaml

@@ -120,7 +120,7 @@
             <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:max-w-none lg:h-full lg:pl-12">
                 <img
                     class="w-full rounded-md shadow-xl ring-1 ring-black ring-opacity-5 lg:h-full lg:w-auto lg:max-w-none"
-                    src="/img/laravelte-dashboard.jpg"
+                    src="/img/laravelte-dashboard.png"
                     alt="dashboard"
                 />
             </div>

public/img/laravelte-dashboard.jpg

@@ -0,0 +1,7 @@
+<div class="max-w-4xl mx-auto mt-12">
+    <h4 class="text-center text-4xl font-extrabold tracking-tight text-gray-200 sm:text-5xl lg:text-6xl">
+        Typescript + Actions = Sanity
+    </h4>
+    <p class="text-center font-semibold mt-5 mb-8">It's the duo we've all been waiting for</p>
+    <img src="/img/laravelte-screenshot-7.png" alt="laravelte-screenshot-6" class="w-full h-auto" />
+</div>

public/img/laravelte-dashboard.png

@@ -4,6 +4,7 @@
     import { fly } from 'svelte/transition'
     import { quintOut } from 'svelte/easing'
     import { onMount } from 'svelte'
+    import Sweet from '@/Components/Sweet.svelte'
 
     let ready = false
     onMount(() => (ready = true))
@@ -97,4 +98,6 @@
             </p>
         </div>
     </div>
+
+    <Sweet />
 </div>

public/img/laravelte-screenshot-1.jpg

@@ -2,18 +2,19 @@
     import { Icon, ThemeSwitcher } from '@/Components'
     import { inertia, page, useForm } from '@inertiajs/svelte'
     import { createEventDispatcher } from 'svelte'
+    import type { User } from '@/types'
 
     const dispatch = createEventDispatcher()
 
     function handleClick() {
         dispatch('click')
     }
 
-    $: auth = $page.props.auth?.user
+    $: auth = $page.props.auth?.user as User
 
     let form = useForm()
 
-    function handleLogout(e) {
+    function handleLogout(e: MouseEvent) {
         e.preventDefault()
 
         $form.post(route('logout'))