title: Nuxt 3 HTTP request on demand after rendering: a client-side fetch
body: <p>Nuxt 3 has those amazing data fetching functions (ex.: useFetch), but I come out on a situation that I need to make request after the rendering time (ex.: calling from a button and send a search term).</p>
  <p>As I far know, useFetch are not working on client-side, here is what I have trying to do</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
  
  &lt;button @click=&quot;goSearch()&quot;&gt;Search&lt;/button&gt;
  
  &lt;/template&gt;
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>
  setup() {
          const goSearch = async () =&gt; {
              const { data } = await useFetch('search', () =&gt; $fetch('/api/search'));
              console.log(data.value);
          };
  
          return { goSearch };
      },
  }
  
  
  </code></pre>
  <p>Does nuxt3 offers a built in function to make http request on demand (client-side official http axios like)?</p>