docs: update usage

docs/content/1.get-started/2.usage.md

@@ -88,15 +88,14 @@ If you need to split your router into several subrouters, you can implement them
 
 ## 2. Create tRPC client plugin
 
-Create a set of strongly-typed composables using your API's type signature.
+Create a strongly-typed plugin using your API's type signature.
 
 ```ts [plugins/client.ts]
-import { httpBatchLink } from '@trpc/client'
-import { createTRPCNuxtProxyClient } from 'trpc-nuxt/client'
+import { httpBatchLink, createTRPCProxyClient } from '@trpc/client'
 import type { AppRouter } from '@/server/trpc/routers'
 
 export default defineNuxtPlugin(() => {
-  const client = createTRPCNuxtProxyClient<AppRouter>({
+  const client = createTRPCProxyClient<AppRouter>({
     links: [
       httpBatchLink({
         /**
@@ -122,19 +121,10 @@ export default defineNuxtPlugin(() => {
 <script setup lang="ts">
 const { $client } = useNuxtApp()
 
-// query and mutate uses useAsyncData under the hood
-const { data, pending, error } = await $client.hello.query({ text: 'client' })
+const data = await $client.hello.query({ text: 'client' })
 </script>
 
 <template>
-  <div v-if="pending">
-    Loading...
-  </div>
-  <div v-else-if="error?.data?.code">
-    Error: {{ error.data.code }}
-  </div>
-  <div v-else>
-    <p>{{ hello.data?.greeting }}</p>
-  </div>
+  <p>{{data?.greeting }}</p>
 </template>
 ```