docs(examples): Fix small errors in svelte examples (#7801)

Author: lachlancollins

docs/config.json

@@ -990,8 +990,8 @@
               "to": "framework/svelte/examples/ssr"
             },
             {
-              "label": "Optimistic Updates in TypeScript",
-              "to": "framework/svelte/examples/optimistic-updates-typescript"
+              "label": "Optimistic Updates",
+              "to": "framework/svelte/examples/optimistic-updates"
             },
             {
               "label": "Playground",

examples/svelte/auto-refetching/src/routes/+page.svelte

@@ -6,7 +6,7 @@
   } from '@tanstack/svelte-query'
 
   let intervalMs = 1000
-  let value: string
+  let value = ''
 
   const client = useQueryClient()
 

examples/svelte/basic/src/lib/data.ts

@@ -2,7 +2,7 @@ import type { Post } from './types'
 
 export const getPosts = async (limit: number) => {
   const response = await fetch('https://jsonplaceholder.typicode.com/posts')
-  const data = (await response.json()) as Post[]
+  const data = (await response.json()) as Array<Post>
   return data.filter((x) => x.id <= limit)
 }
 

examples/svelte/load-more-infinite-scroll/src/app.css

@@ -41,7 +41,7 @@ h1 {
   padding: 2em;
 }
 
-#app {
+main {
   max-width: 1280px;
   margin: 0 auto;
   padding: 2rem;

examples/svelte/load-more-infinite-scroll/src/routes/+page.svelte

@@ -1,6 +1,6 @@
-<script>
+<script lang="ts">
   import LoadMore from '../lib/LoadMore.svelte'
 </script>
 
-<h1>Infinte Load More</h1>
+<h1>Infinite Load More</h1>
 <LoadMore />

examples/svelte/optimistic-updates-typescript/.gitignore renamed to examples/svelte/optimistic-updates/.gitignore

@@ -1,5 +1,5 @@
 {
-  "name": "@tanstack/query-example-svelte-optimistic-updates-typescript",
+  "name": "@tanstack/query-example-svelte-optimistic-updates",
   "private": true,
   "type": "module",
   "scripts": {