feat: add meta information display to selected query

Author: peterbud

client/app/pages/vue-query.vue

@@ -191,6 +191,13 @@ function selectQuery(query: Query) {
               <div>
                 {{ selectedQuery.gcTime }}
               </div>
+              <div><strong>Meta:</strong></div>
+              <VueJsonPretty
+                :data="toRaw(selectedQuery)?.meta"
+                deep="2"
+                virtual="true"
+                height="150"
+              />
             </div>
           </NSectionBlock>
         </div>

playground/app/app.vue

@@ -25,6 +25,10 @@ const { isPending, isFetching, isError, data: posts, error } = useQuery({
   staleTime: 1000 * 10, // for 10 seconds it will be considered as "fresh"
   gcTime: 1000 * 20, // after 20 seconds it will be garbage collected
   enabled: computed(() => selectedUser.value !== null),
+  meta: {
+    title: 'Posts',
+    id: selectedUserId,
+  },
 
 })