docs: improve readability of the type signature of useSWRSubscription

pages/docs/subscription.en-US.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription` is a React hook that allows subscribing to real-time data sources with SWR.
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API
@@ -56,7 +62,7 @@ import useSWRSubscription from 'swr/subscription'
 function Post({ id }) {
   const { data } = useSWRSubscription(['views', id], ([_, postId], { next }) => {
     const ref = firebase.database().ref('views/' + postId)
-    ref.on('value', 
+    ref.on('value',
       snapshot => next(null, snapshot.data()),
       err => next(err)
     )
@@ -79,7 +85,7 @@ function App() {
     socket.addEventListener('error', (event) => next(event.error))
     return () => socket.close()
   })
-  
+
   if (error) return <div>failed to load</div>
   if (!data) return <div>loading...</div>
   return <div>hello {data}!</div>
@@ -88,9 +94,9 @@ function App() {
 
 ### Deduplication
 
-`useSWRSubscription` deduplicates the subscription requests with the same key. 
-If there are multiple components using the same key, they will share the same subscription. 
+`useSWRSubscription` deduplicates the subscription requests with the same key.
+If there are multiple components using the same key, they will share the same subscription.
 When the last component using the key unmounts, the subscription will be closed.
 
-This means that if you have multiple components using the same key, they will all receive the same data. 
+This means that if you have multiple components using the same key, they will all receive the same data.
 And there's only one subscription to the real-time data source per key.

pages/docs/subscription.es-ES.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription` is a React hook that allows subscribing to real-time data sources with SWR.
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API
@@ -56,7 +62,7 @@ import useSWRSubscription from 'swr/subscription'
 function Post({ id }) {
   const { data } = useSWRSubscription(['views', id], ([_, postId], { next }) => {
     const ref = firebase.database().ref('views/' + postId)
-    ref.on('value', 
+    ref.on('value',
       snapshot => next(null, snapshot.data()),
       err => next(err)
     )
@@ -79,7 +85,7 @@ function App() {
     socket.addEventListener('error', (event) => next(event.error))
     return () => socket.close()
   })
-  
+
   if (error) return <div>failed to load</div>
   if (!data) return <div>loading...</div>
   return <div>hello {data}!</div>
@@ -88,9 +94,9 @@ function App() {
 
 ### Deduplication
 
-`useSWRSubscription` deduplicates the subscription requests with the same key. 
-If there are multiple components using the same key, they will share the same subscription. 
+`useSWRSubscription` deduplicates the subscription requests with the same key.
+If there are multiple components using the same key, they will share the same subscription.
 When the last component using the key unmounts, the subscription will be closed.
 
-This means that if you have multiple components using the same key, they will all receive the same data. 
+This means that if you have multiple components using the same key, they will all receive the same data.
 And there's only one subscription to the real-time data source per key.

pages/docs/subscription.ja.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription` はリアルタイムのデータソースを SWR で購読するための React フックです。
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API

pages/docs/subscription.ko.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription`은 SWR을 사용하여 실시간 데이터를 구독할 수 있는 훅입니다.
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API

pages/docs/subscription.pt-BR.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription` é um hook React que permite se inscrever em fontes de dados em tempo real com o SWR.
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API
@@ -55,7 +61,7 @@ import useSWRSubscription from 'swr/subscription'
 function Post({ id }) {
   const { data } = useSWRSubscription(['views', id], ([_, postId], { next }) => {
     const ref = firebase.database().ref('views/' + postId)
-    ref.on('value', 
+    ref.on('value',
       snapshot => next(null, snapshot.data()),
       err => next(err)
     )
@@ -91,4 +97,4 @@ function App() {
 Quando o último componente usando a chave for desmontado, a inscrição será fechada.
 
 Isso significa que se você tiver vários componentes usando a mesma chave, todos eles irão receber os mesmos dados.
-E há apenas uma única inscrição para a fonte de dados em tempo real por chave.
+E há apenas uma única inscrição para a fonte de dados em tempo real por chave.

pages/docs/subscription.ru.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription` это хук React, который позволяет подписываться на реальные источники данных в реальном времени с помощью SWR.
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API

pages/docs/subscription.zh-CN.mdx

@@ -11,7 +11,13 @@ import { Callout } from 'nextra-theme-docs'
 `useSWRSubscription` is a React hook that allows subscribing to real-time data sources with SWR.
 
 ```tsx
-useSWRSubscription<Data, Error>(key: Key, subscribe: (key: Key, options: { next: (error?: Error | null, data: Data) => void }) => () => void): { data?: Data, error?: Error }
+useSWRSubscription<Data, Error>(
+    key: Key,
+    subscribe: (
+        key: Key,
+        options: { next: (error?: Error | null, data: Data) => void }
+    ) => () => void
+): { data?: Data, error?: Error }
 ```
 
 ### API
@@ -56,7 +62,7 @@ import useSWRSubscription from 'swr/subscription'
 function Post({ id }) {
   const { data } = useSWRSubscription(['views', id], ([_, postId], { next }) => {
     const ref = firebase.database().ref('views/' + postId)
-    ref.on('value', 
+    ref.on('value',
       snapshot => next(null, snapshot.data()),
       err => next(err)
     )
@@ -79,7 +85,7 @@ function App() {
     socket.addEventListener('error', (event) => next(event.error))
     return () => socket.close()
   })
-  
+
   if (error) return <div>failed to load</div>
   if (!data) return <div>loading...</div>
   return <div>hello {data}!</div>
@@ -88,9 +94,9 @@ function App() {
 
 ### Deduplication
 
-`useSWRSubscription` deduplicates the subscription requests with the same key. 
-If there are multiple components using the same key, they will share the same subscription. 
+`useSWRSubscription` deduplicates the subscription requests with the same key.
+If there are multiple components using the same key, they will share the same subscription.
 When the last component using the key unmounts, the subscription will be closed.
 
-This means that if you have multiple components using the same key, they will all receive the same data. 
+This means that if you have multiple components using the same key, they will all receive the same data.
 And there's only one subscription to the real-time data source per key.