From 3786473e34eb34a1c8c110cf12ab64c9dbc6f21c Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Thu, 12 Apr 2018 19:38:41 -0700
Subject: [PATCH] Simplify PseudoVirtualList (#93)

Possible fix for #92
---
 .../pseudoVirtualList/PseudoVirtualList.html  | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/routes/_components/pseudoVirtualList/PseudoVirtualList.html b/routes/_components/pseudoVirtualList/PseudoVirtualList.html
index 9a218875..5d33bf1f 100644
--- a/routes/_components/pseudoVirtualList/PseudoVirtualList.html
+++ b/routes/_components/pseudoVirtualList/PseudoVirtualList.html
@@ -1,19 +1,17 @@
 <div class="pseudo-virtual-list" on:initialized ref:node>
-  {{#if wrappedItems}}
-    {{#each wrappedItems as wrappedItem, i @item}}
-      <PseudoVirtualListLazyItem
-        component="{{component}}"
-        index="{{i}}"
-        length="{{wrappedItems.length}}"
-        makeProps="{{makeProps}}"
-        key="{{wrappedItem.item}}"
-        intersectionObserver="{{intersectionObserver}}"
-        isIntersecting="{{isIntersecting(wrappedItem.item, $intersectionStates)}}"
-        isCached="{{isCached(wrappedItem.item, $intersectionStates)}}"
-        height="{{getHeight(wrappedItem.item, $intersectionStates)}}"
-      />
-    {{/each}}
-  {{/if}}
+  {{#each wrappedItems as wrappedItem, i @item}}
+    <PseudoVirtualListLazyItem
+      component="{{component}}"
+      index="{{i}}"
+      length="{{wrappedItems.length}}"
+      makeProps="{{makeProps}}"
+      key="{{wrappedItem.item}}"
+      intersectionObserver="{{intersectionObserver}}"
+      isIntersecting="{{isIntersecting(wrappedItem.item, $intersectionStates)}}"
+      isCached="{{isCached(wrappedItem.item, $intersectionStates)}}"
+      height="{{getHeight(wrappedItem.item, $intersectionStates)}}"
+    />
+  {{/each}}
 </div>
 <style>
   .pseudo-virtual-list {
@@ -107,7 +105,7 @@
       }
     },
     computed: {
-      wrappedItems: (items) => items && items.map(item => ({item: item})),
+      wrappedItems: (items) => items ? items.map(item => ({item})) : [],
       allItemsHaveHeight: (items, $intersectionStates) => {
         if (!items) {
           return false