From dbb4c1c80c23f49cab878fafcdeecff3b0f61c3a Mon Sep 17 00:00:00 2001
From: Cole Bemis <colebemis@gmail.com>
Date: Sat, 28 Jan 2017 22:29:48 -0800
Subject: [PATCH] Create IconGrid component

---
 src/App.vue      |  6 +++---
 src/IconGrid.vue | 20 ++++++++++++++++++++
 2 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 src/IconGrid.vue

diff --git a/src/App.vue b/src/App.vue
index 017e322..2d6d227 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
-    <icon-container v-for="icon in icons" :name="icon"></icon-container>
+    <icon-grid :icons="icons"></icon-grid>
   </div>
 </template>
 
 <script>
   import {mapState} from 'vuex';
-  import IconContainer from './IconContainer';
+  import IconGrid from './IconGrid';
 
   export default {
     name: 'App',
-    components: {IconContainer},
+    components: {IconGrid},
     computed: mapState(['icons'])
   }
 </script>
diff --git a/src/IconGrid.vue b/src/IconGrid.vue
new file mode 100644
index 0000000..a2dd692
--- /dev/null
+++ b/src/IconGrid.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <icon-container v-for="icon in icons" :name="icon"></icon-container>
+  </div>
+</template>
+
+<script>
+  import IconContainer from './IconContainer';
+
+  export default {
+    name: 'IconGrid',
+    components: {IconContainer},
+    props: {
+      icons: {
+        type: Array,
+        required: true
+      }
+    }
+  }
+</script>
\ No newline at end of file