Add no results message and action

components/search.vue

@@ -19,12 +19,18 @@
             ref="search-container"
             class="search-container relative w-full"
         >
-            <div class="search-wrapper flex justify-center pb-32">
+            <div class="search-wrapper flex justify-center">
                 <div class="search-scroller w-full relative">
 
                     <div class="search-results py-8">
 
                         <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5">
+                            <li
+                                v-if="results.length === 0"
+                                class="text-center py-4"
+                            >
+                                No apps found
+                            </li>
                             <li
                                 v-for="(app, i) in results"
                                 :key="`${app.slug}-${i}`"

pages/index.vue

@@ -9,18 +9,26 @@
             </h2>
 
             <Search />
+
+            <LinkButton
+                href="https://github.com/ThatGuySam/doesitarm/issues"
+            >
+                Request an App
+            </LinkButton>
         </div>
     </section>
 </template>
 
 <script>
 import Search from '~/components/search.vue'
+import LinkButton from '~/components/link-button.vue'
 
 import appList from '~/assets/app-list.json'
 
 export default {
     components: {
-        Search
+        Search,
+        LinkButton
     },
     computed: {
         appList() {