chore(Queries): add typing example

Author: amen-souissi

src/queryCore/broadcastQueryClient-experimental/index.ts

@@ -1,15 +1,16 @@
-import { BroadcastChannel } from 'broadcast-channel'
 import { QueryClient } from '../core'
 
 interface BroadcastQueryClientOptions {
   queryClient: QueryClient
   broadcastChannel?: string
 }
 
-export function broadcastQueryClient({
+export async function broadcastQueryClient({
   queryClient,
   broadcastChannel = 'svelte-query',
 }: BroadcastQueryClientOptions) {
+  const { BroadcastChannel } = await import('broadcast-channel')
+
   let transaction = false
   const tx = (cb: () => void) => {
     transaction = true

storybook/stories/queries/Queries.svelte

@@ -20,7 +20,15 @@
     { queryKey: 'myQuery3', queryFn: queryFn3 },
   ] as const
 
-  const queriesStore = useQueries(queries)
+  const queriesStore = useQueries<
+    [{ queryFnData: string }, { queryFnData: string }, { queryFnData: boolean }]
+  >(queries)
+  // TS Error
+  // const queriesStore = useQueries<
+  //   [{ queryFnData: string }, { queryFnData: string }, { queryFnData: string }]
+  // >(queries)
+  // can pass only TData (data prop) although TQueryFnData will be left unknown
+  // Please see QueriesOptions for more details
 </script>
 
 <main>