From 06d6dbe3a3eb1f01b7f7c522ad24a45d15e1869e Mon Sep 17 00:00:00 2001
From: Tim Miller-Williams <tim.millerwilliams@gmail.com>
Date: Tue, 28 Apr 2020 15:27:09 +0100
Subject: [PATCH] Fix usage of v-for and v-if on same component

---
 client/components/NetworkList.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/client/components/NetworkList.vue b/client/components/NetworkList.vue
index d7d420df..d2c28d47 100644
--- a/client/components/NetworkList.vue
+++ b/client/components/NetworkList.vue
@@ -106,17 +106,18 @@
 					@start="onDragStart"
 					@end="onDragEnd"
 				>
-					<Channel
-						v-for="(channel, index) in network.channels"
-						v-if="index > 0"
-						:key="channel.id"
-						:channel="channel"
-						:network="network"
-						:active="
-							$store.state.activeChannel &&
-							channel === $store.state.activeChannel.channel
-						"
-					/>
+					<template v-for="(channel, index) in network.channels">
+						<Channel
+							v-if="index > 0"
+							:key="channel.id"
+							:channel="channel"
+							:network="network"
+							:active="
+								$store.state.activeChannel &&
+								channel === $store.state.activeChannel.channel
+							"
+						/>
+					</template>
 				</Draggable>
 			</div>
 		</Draggable>