From 3121114b0c5ab427e5994ed0992e1287928dac92 Mon Sep 17 00:00:00 2001
From: Stefan <stefan@standa.de>
Date: Sat, 5 Nov 2022 08:56:44 +0100
Subject: [PATCH 1/2] Add 'query' option with example

Update useFetch with description and example of query option, which is inherited from ohmyfetch, resolves #8708
---
 docs/content/3.api/1.composables/use-fetch.md | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/content/3.api/1.composables/use-fetch.md b/docs/content/3.api/1.composables/use-fetch.md
index 7e3ef8e9be7..507a99b1cbb 100644
--- a/docs/content/3.api/1.composables/use-fetch.md
+++ b/docs/content/3.api/1.composables/use-fetch.md
@@ -15,6 +15,7 @@ function useFetch(
 type UseFetchOptions = {
   key?: string
   method?: string
+  query?: SearchParams
   params?: SearchParams
   body?: RequestInit['body'] | Record<string, any>
   headers?: { key: string, value: string }[]
@@ -43,7 +44,8 @@ type AsyncData<DataT> = {
 * **Url**: The URL to fetch.
 * **Options (extends [unjs/ohmyfetch](https://github.com/unjs/ohmyfetch) options & [AsyncDataOptions](/api/composables/use-async-data#params))**:
   * `method`: Request method.
-  * `params`: Query params.
+  * `query`: Adds query search params to URL using [ufo](https://github.com/unjs/ufo)
+  * `params`: Alias for `query`
   * `body`: Request body - automatically stringified (if an object is passed).
   * `headers`: Request headers.
   * `baseURL`: Base URL for the request.
@@ -86,6 +88,17 @@ const { data, pending, error, refresh } = await useFetch('https://api.nuxtjs.dev
     pick: ['title']
 })
 ```
+## Adding Query Search Params
+
+Using the `query` option, you can add search parameters to your query. This option is extended from [unjs/ohmyfetch](https://github.com/unjs/ohmyfetch) and is using [ufo](https://github.com/unjs/ufo) to create the URL. Objects are automatically stringified.
+
+```ts
+const param1 = ref('value1')
+const { data, pending, error, refresh } = await useFetch('https://api.nuxtjs.dev/mountains',{
+    query: { param1, param2: 'value2' }
+})
+```
+Results in `https://api.nuxtjs.dev/mountains?param1=value1&param2=value2`
 
 Using [interceptors](https://github.com/unjs/ohmyfetch#%EF%B8%8F-interceptors):
 

From 8c07231297705a2d59e670b6130c6230d1e76f2e Mon Sep 17 00:00:00 2001
From: Stefan <stefan@standa.de>
Date: Sat, 5 Nov 2022 09:10:44 +0100
Subject: [PATCH 2/2] Update useFetch with query option

Update useFetch with description and example of query option, which is inherited from ohmyfetch, resolves #8708
---
 docs/content/3.api/1.composables/use-fetch.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/3.api/1.composables/use-fetch.md b/docs/content/3.api/1.composables/use-fetch.md
index 507a99b1cbb..06a06a8736c 100644
--- a/docs/content/3.api/1.composables/use-fetch.md
+++ b/docs/content/3.api/1.composables/use-fetch.md
@@ -88,7 +88,7 @@ const { data, pending, error, refresh } = await useFetch('https://api.nuxtjs.dev
     pick: ['title']
 })
 ```
-## Adding Query Search Params
+Adding Query Search Params:
 
 Using the `query` option, you can add search parameters to your query. This option is extended from [unjs/ohmyfetch](https://github.com/unjs/ohmyfetch) and is using [ufo](https://github.com/unjs/ufo) to create the URL. Objects are automatically stringified.