test trpc

src/pages/index.vue

@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { useThemeStore } from '~/store/theme'
-import { ColorsTheme } from '~~/types'
 
 const { getColor, getTheme, nextColor, nextTheme } = useThemeStore()
 const { getThemeTextColor, getThemeBackgroundColor } = useTheme()
+
+const { query } = useRoute()
+const { $trpc } = useNuxtApp()
+const user = await $trpc.hello.query({ name: query.name?.toString() })
 </script>
 
 <template>
@@ -29,5 +32,8 @@ const { getThemeTextColor, getThemeBackgroundColor } = useTheme()
     <div @click="nextTheme()">
       setNextTheme()
     </div>
+    <div>
+      {{ user.greeting }}
+    </div>
   </section>
 </template>