Display search text of results

aleksis/core/assets/components/SidenavSearch.vue

@@ -25,25 +25,26 @@ export default {
             absoluteUrl
             icon
           }
+          text
         }
       }
     `"
       :variables="{
       q
     }"
+      :skip="!q"
   >
-    <template v-slot="{ result: { loading, error, data, query } }">
+    <template v-slot="{ result: { error, data }, isLoading, query }">
 
       <form method="get" ref="form" :action="action" id="search-form">
         <v-autocomplete
-            :prepend-icon="'mdi-magnify'"
+            :prepend-inner-icon="'mdi-magnify'"
             append-icon=""
-            @click:prepend="submit"
+            @click:prepend-inner="submit"
             single-line
             clearable
-            :loading="loading"
+            :loading="!!isLoading"
             id="search"
-            name="q"
             type="search"
             enterkeyhint="search"
             :label="placeholder"
@@ -53,15 +54,17 @@ export default {
             cache-items
             hide-no-data
             hide-details
-            :items="data.searchSnippets"
-            item-text="obj.name"
+            :items="data ? data.searchSnippets : undefined"
         >
           <template v-slot:item="{ item }">
             <v-list-item :href="item.obj.absoluteUrl">
               <v-list-item-icon v-if="item.obj.icon">
                 <v-icon v-text="'mdi-' + item.obj.icon"></v-icon>
               </v-list-item-icon>
-              {{ item.obj.name }}
+              <v-list-item-content>
+                <v-list-item-title> {{ item.obj.name }}</v-list-item-title>
+                <v-list-item-subtitle>{{ item.text }}</v-list-item-subtitle>
+              </v-list-item-content>
             </v-list-item>
           </template>
         </v-autocomplete>