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

TanStack · Jul 27, 2024 · dac5da5 · dac5da5
1 parent ec8e800
commit dac5da5
Show file tree

Hide file tree

Showing 22 changed files with 16 additions and 16 deletions.
diff --git a/docs/config.json b/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",

diff --git a/examples/svelte/auto-refetching/src/routes/+page.svelte b/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()
 

diff --git a/examples/svelte/basic/src/lib/data.ts b/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)
 }
 

diff --git a/examples/svelte/load-more-infinite-scroll/src/app.css b/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;

diff --git a/examples/svelte/load-more-infinite-scroll/src/routes/+page.svelte b/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 />
diff --git a/.../optimistic-updates-typescript/.gitignore → ...ples/svelte/optimistic-updates/.gitignore b/.../optimistic-updates-typescript/.gitignore → ...ples/svelte/optimistic-updates/.gitignore
diff --git a/...e/optimistic-updates-typescript/README.md → examples/svelte/optimistic-updates/README.md b/...e/optimistic-updates-typescript/README.md → examples/svelte/optimistic-updates/README.md
diff --git a/...ptimistic-updates-typescript/package.json → ...es/svelte/optimistic-updates/package.json b/...ptimistic-updates-typescript/package.json → ...es/svelte/optimistic-updates/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@tanstack/query-example-svelte-optimistic-updates-typescript",
+  "name": "@tanstack/query-example-svelte-optimistic-updates",
   "private": true,
   "type": "module",
   "scripts": {

diff --git a/...optimistic-updates-typescript/src/app.css → ...les/svelte/optimistic-updates/src/app.css b/...optimistic-updates-typescript/src/app.css → ...les/svelte/optimistic-updates/src/app.css
diff --git a/...ptimistic-updates-typescript/src/app.d.ts → ...es/svelte/optimistic-updates/src/app.d.ts b/...ptimistic-updates-typescript/src/app.d.ts → ...es/svelte/optimistic-updates/src/app.d.ts
diff --git a/...ptimistic-updates-typescript/src/app.html → ...es/svelte/optimistic-updates/src/app.html b/...ptimistic-updates-typescript/src/app.html → ...es/svelte/optimistic-updates/src/app.html
diff --git a/...ates-typescript/src/routes/+layout.svelte → ...imistic-updates/src/routes/+layout.svelte b/...ates-typescript/src/routes/+layout.svelte → ...imistic-updates/src/routes/+layout.svelte
diff --git a/...pdates-typescript/src/routes/+page.svelte → ...ptimistic-updates/src/routes/+page.svelte b/...pdates-typescript/src/routes/+page.svelte → ...ptimistic-updates/src/routes/+page.svelte
@@ -16,7 +16,7 @@
     ts: number
   }
 
-  let text: string
+  let text = ''
 
   const client = useQueryClient()
 

diff --git a/...typescript/src/routes/api/data/+server.ts → ...ic-updates/src/routes/api/data/+server.ts b/...typescript/src/routes/api/data/+server.ts → ...ic-updates/src/routes/api/data/+server.ts
diff --git a/...tic-updates-typescript/static/favicon.png → ...lte/optimistic-updates/static/favicon.png b/...tic-updates-typescript/static/favicon.png → ...lte/optimistic-updates/static/favicon.png
diff --git a/...istic-updates-typescript/svelte.config.js → ...velte/optimistic-updates/svelte.config.js b/...istic-updates-typescript/svelte.config.js → ...velte/optimistic-updates/svelte.config.js
diff --git a/...timistic-updates-typescript/tsconfig.json → ...s/svelte/optimistic-updates/tsconfig.json b/...timistic-updates-typescript/tsconfig.json → ...s/svelte/optimistic-updates/tsconfig.json
diff --git a/...imistic-updates-typescript/vite.config.ts → .../svelte/optimistic-updates/vite.config.ts b/...imistic-updates-typescript/vite.config.ts → .../svelte/optimistic-updates/vite.config.ts
diff --git a/examples/svelte/simple/src/lib/Simple.svelte b/examples/svelte/simple/src/lib/Simple.svelte
@@ -2,7 +2,7 @@
   import { createQuery } from '@tanstack/svelte-query'
 
   type Repo = {
-    name: string
+    full_name: string
     description: string
     subscribers_count: number
     stargazers_count: number
@@ -12,8 +12,8 @@
   const query = createQuery<Repo>({
     queryKey: ['repoData'],
     queryFn: async () =>
-      await fetch('https://api.github.com/repos/SvelteStack/svelte-query').then(
-        (r) => r.json(),
+      await fetch('https://api.github.com/repos/TanStack/query').then((r) =>
+        r.json(),
       ),
   })
 </script>
@@ -30,7 +30,7 @@
     {/if}
     {#if $query.isSuccess}
       <div>
-        <h1>{$query.data.name}</h1>
+        <h1>{$query.data.full_name}</h1>
         <p>{$query.data.description}</p>
         <strong>👀 {$query.data.subscribers_count}</strong>{' '}
         <strong>✨ {$query.data.stargazers_count}</strong>{' '}

diff --git a/examples/svelte/simple/src/main.ts b/examples/svelte/simple/src/main.ts
@@ -2,7 +2,7 @@ import './app.css'
 import App from './App.svelte'
 
 const app = new App({
-  target: document.getElementById('app')!,
+  target: document.querySelector('#app')!,
 })
 
 export default app
diff --git a/examples/svelte/ssr/src/lib/api.ts b/examples/svelte/ssr/src/lib/api.ts
@@ -5,7 +5,7 @@ export const api = (customFetch = fetch) => ({
     const response = await customFetch(
       '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)
   },
   getPostById: async (id: number): Promise<Post> => {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml