From 391372346ff2fe82cddd49a30b18716eb491ef7c Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Mon, 24 May 2021 20:12:14 -0700
Subject: [PATCH] lazy-load shopping list

---
 frontend/src/pages/ShoppingList/index.vue | 26 +++++++++++++----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/ShoppingList/index.vue b/frontend/src/pages/ShoppingList/index.vue
index 567f0aa9f..66667bcc4 100644
--- a/frontend/src/pages/ShoppingList/index.vue
+++ b/frontend/src/pages/ShoppingList/index.vue
@@ -92,20 +92,24 @@
 
               <p v-if="!edit" class="mb-0">{{ item.quantity }}</p>
 
-              <v-icon v-if="!edit" small class="mx-3">
+              <v-icon v-if="!edit" x-small class="mx-3">
                 mdi-window-close
               </v-icon>
 
-              <vue-markdown v-if="!edit" class="dense-markdown" :source="item.text"> </vue-markdown>
-              <v-textarea
-                single-line
-                rows="1"
-                auto-grow
-                class="mb-n2 pa-0"
-                dense
-                v-else
-                v-model="activeList.items[index].text"
-              ></v-textarea>
+              <v-lazy>
+                <div>
+                  <vue-markdown v-if="!edit" class="dense-markdown" :source="item.text"> </vue-markdown>
+                  <v-textarea
+                    single-line
+                    rows="1"
+                    auto-grow
+                    class="mb-n2 pa-0"
+                    dense
+                    v-else
+                    v-model="activeList.items[index].text"
+                  ></v-textarea>
+                </div>
+              </v-lazy>
             </v-col>
             <v-divider class="ma-1"></v-divider>
           </v-row>