From 4a5d56d2677c7d6c730e0f0b6e1c35d582c4e626 Mon Sep 17 00:00:00 2001
From: Marco Cano <artofmarco@gmail.com>
Date: Thu, 2 May 2024 14:38:29 -0700
Subject: [PATCH] fix: :hammer: add custom terms in vocab lookup

---
 nuxt-app/components/guide/Vocabulary.vue | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/nuxt-app/components/guide/Vocabulary.vue b/nuxt-app/components/guide/Vocabulary.vue
index ea93ca86..77785eb2 100644
--- a/nuxt-app/components/guide/Vocabulary.vue
+++ b/nuxt-app/components/guide/Vocabulary.vue
@@ -62,17 +62,11 @@
           </template>
         </tbody>
       </table>
-      <template v-if="!results.length">
-        <h1 class="text-center">
-          <font-awesome-icon
-            icon="fas fa-search"
-            class="text-muted"
-          ></font-awesome-icon>
-        </h1>
+      <div>
         <div v-if="query" class="text-center alert alert-light">
           <!-- 🍏 CUSTOM NON STRICT 🍏-->
           <template v-if="vocabInfo && !vocabInfo.strict">
-            <small class="text-muted d-block">No results</small>
+            <small class="text-muted d-block">Don't see what you need?</small>
             <small
               @click="addCustomVocab()"
               class="text-primary pointer d-block"
@@ -80,7 +74,7 @@
             >
           </template>
         </div>
-      </template>
+      </div>
     </div>
     <!-- 🍏 SELECTED 🍏-->
     <div class="col-sm-12 m-0 bg-light rounded-0 p-2" v-if="selected.length">