docs(svelte): more guides (#12478)

* more svelte guide

* Fix examples

---------

Co-authored-by: Dominik Dorfmeister 🔮 <office@dorfmeister.cc>

Author: Lucas127128

docs/config.json

@@ -541,6 +541,14 @@
               "label": "Network Mode",
               "to": "framework/svelte/guides/network-mode"
             },
+            {
+              "label": "Parallel Queries",
+              "to": "framework/svelte/guides/parallel-queries"
+            },
+            {
+              "label": "Query Retries",
+              "to": "framework/svelte/guides/query-retries"
+            },
             {
               "label": "Mutations",
               "to": "framework/svelte/guides/mutations"

docs/framework/svelte/guides/parallel-queries.md

@@ -0,0 +1,64 @@
+---
+id: parallel-queries
+title: Parallel Queries
+ref: docs/framework/react/guides/parallel-queries.md
+replace:
+  {
+    '@tanstack/react-query': '@tanstack/svelte-query',
+    'useQuery': 'createQuery',
+    'useQueries': 'createQueries',
+    'useInfiniteQuery': 'createInfiniteQuery',
+    'useMutation[(]': 'createMutation(() => ',
+    'useQuery[(]': 'createQuery(() => ',
+    'useQueries[(]': 'createQueries(() => ',
+    'useInfiniteQuery[(]': 'createInfiniteQuery(() => ',
+    'hooks': 'functions',
+  }
+---
+
+[//]: # 'Example'
+
+```svelte
+<script lang="ts">
+  import { createQuery } from '@tanstack/svelte-query'
+  
+  // The following queries will execute in parallel
+  const usersQuery = createQuery(() => ({ queryKey: ['users'], queryFn: fetchUsers }))
+  const teamsQuery = createQuery(() => ({ queryKey: ['teams'], queryFn: fetchTeams }))
+  const projectsQuery = createQuery(() => ({ queryKey: ['projects'], queryFn: fetchProjects }))
+  ...
+</script>
+```
+
+[//]: # 'Example'
+[//]: # 'Info'
+[//]: # 'Info'
+[//]: # 'DynamicParallelIntro'
+
+If the number of queries you need to execute changes, you cannot use manual querying since that would break reactivity. Instead, TanStack Query provides a `createQueries` function, which you can use to dynamically execute as many queries in parallel as you'd like.
+
+[//]: # 'DynamicParallelIntro'
+[//]: # 'DynamicParallelDescription'
+
+`createQueries` accepts an **accessor that returns an options object** with a **queries key** whose value is an **array of query objects**. It returns an **array of query results**:
+
+[//]: # 'DynamicParallelDescription'
+[//]: # 'Example2'
+
+```svelte
+<script lang="ts">
+  import { createQueries } from '@tanstack/svelte-query'
+
+  const { users }: { users: { id: string }[] } = $props()
+  const userQueries = createQueries(() => ({
+    queries: users.map((user) => {
+      return {
+        queryKey: ['user', user.id],
+        queryFn: () => fetchUserById(user.id),
+      }
+    }),
+  }))
+</script>
+```
+
+[//]: # 'Example2'

docs/framework/svelte/guides/query-retries.md

@@ -0,0 +1,88 @@
+---
+id: query-retries
+title: Query Retries
+ref: docs/framework/react/guides/query-retries.md
+replace:
+  {
+    '@tanstack/react-query': '@tanstack/svelte-query',
+    'useQuery': 'createQuery',
+    'useQueries': 'createQueries',
+    'useInfiniteQuery': 'createInfiniteQuery',
+    'useMutation[(]': 'createMutation(() => ',
+    'useQuery[(]': 'createQuery(() => ',
+    'useQueries[(]': 'createQueries(() => ',
+    'useInfiniteQuery[(]': 'createInfiniteQuery(() => ',
+  }
+---
+
+[//]: # 'Example'
+
+```svelte
+<script lang="ts">
+  import { createQuery } from '@tanstack/svelte-query'
+
+  // Make a specific query retry a certain number of times
+  const result = createQuery(() => ({
+    queryKey: ['todos', 1],
+    queryFn: fetchTodoListPage,
+    retry: 10, // Will retry failed requests 10 times before displaying an error
+  }))
+</script>
+```
+
+[//]: # 'Example'
+[//]: # 'Example2'
+
+```svelte
+<script lang="ts">
+  // Configure for all queries
+  import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query'
+
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        retryDelay: (attemptIndex) => Math.min(1000 * 2 ** attemptIndex, 30000),
+      },
+    },
+  })
+</script>
+
+<QueryClientProvider client={queryClient}>...</QueryClientProvider>
+```
+
+[//]: # 'Example2'
+[//]: # 'Example3'
+
+```svelte
+<script lang="ts">
+  import { createQuery } from '@tanstack/svelte-query'
+
+  const result = createQuery(() => ({
+    queryKey: ['todos'],
+    queryFn: fetchTodoList,
+    retryDelay: 1000, // Will always wait 1000ms to retry, regardless of how many retries
+  }))
+</script>
+```
+
+[//]: # 'Example3'
+[//]: # 'Example4'
+
+```svelte
+<script lang="ts">
+  import { createQuery } from '@tanstack/svelte-query'
+
+  const result = createQuery(() => ({
+    queryKey: ['todos'],
+    queryFn: fetchTodos,
+    refetchInterval: (query) => {
+      // Refetch more frequently when in error state
+      return query.state.status === 'error' ? 5000 : 30000
+    },
+    refetchIntervalInBackground: true,
+    retry: false, // Disable built-in retries
+  }))
+</script>
+```
+
+[//]: # 'Example4'