From f729cf37cf552169a04d5af72435c611fcebae26 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Fri, 20 Nov 2020 13:02:45 -0600
Subject: [PATCH] Use referenced svg to reduce dom count

---
 components/search.vue | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/components/search.vue b/components/search.vue
index babb696..65c9098 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -32,6 +32,17 @@
 
                     <div class="search-results py-8">
 
+                        <svg style="display: none;">
+                            <defs>
+                                <path
+                                    id="chevron-right"
+                                    fill-rule="evenodd"
+                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
+                                    clip-rule="evenodd"
+                                />
+                            </defs>
+                        </svg>
+
                         <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 bg-gradient-to-br from-darker to-dark neumorphic-shadow-outer px-5">
                             <li
                                 v-if="results.length === 0"
@@ -60,23 +71,15 @@
                                                         <span class="">{{ app.text }}</span>
                                                     </div>
                                                 </div>
-                                                <!-- <div class="hidden md:block">
-                                                    <div>
-
-                                                    </div>
-                                                </div> -->
                                             </div>
                                         </div>
                                         <div>
-                                            <!-- Heroicon name: chevron-right -->
                                             <svg
                                                 class="h-5 w-5 text-gray-400"
                                                 viewBox="0 0 20 20"
-                                                fill="currentColor">
-                                                <path
-                                                    fill-rule="evenodd"
-                                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
-                                                    clip-rule="evenodd" />
+                                                fill="currentColor"
+                                            >
+                                                <use href="#chevron-right" />
                                             </svg>
                                         </div>
                                     </div>