Create Grid and GridItem components

src/views/Fruits.vue

@@ -1,15 +1,17 @@
 <template>
   <div>
     <h1>Fruits Directory</h1>
-    {{ this.fruits }}
+    <Grid :data="this.fruits" />
   </div>
 </template>
 
 <script>
 import { mapState } from "vuex";
+import Grid from "@/components/Grid";
 
 export default {
   name: "Fruits",
+  components: { Grid },
   computed: {
     ...mapState(["fruits"])
   },