first working html render with vue

configuration/main.js

@@ -5,17 +5,14 @@ const menusComponent = {
         <i v-bind:class="item.icon" aria-hidden="true"></i>
         <strong>{{ item.description }}</strong>
      </div>
-   </a>`
+   </a>`,
+   props: ['item'] 
 }
 
 new Vue({
   el: '#app',
   data: {
-    findIt: Seed.findItMenu,
+    menus: Seed.findItMenu
-    services: Seed.servicesMenu,
-    aboutUs: Seed.aboutUsMenu,
-    locationAndHours: Seed.locationAndHoursMenu,
-    help: Seed.helpMenu
   },
   components: {
     'menus-component': menusComponent

configuration/seed.js

@@ -31,98 +31,7 @@ window.Seed = (function () {
       description: "KBCC Bookstore"
     }
   ]
-  
-  const servicesMenu = [
-    {
-      link: "http://kbcc.cuny.illiad.oclc.org/illiad/logon.html",
-      icon: "fas fa-books fa-fw bigger-icon",
-      description: "Interlibrary Loan"
-    }, 
-    {
-      link: "https://library.kbcc.cuny.edu/libraryservices/informationliteracy",
-      icon: "fas fa-chalkboard-teacher fa-fw bigger-icon",
-      description: "Book a Library Instruction Session" 
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/mediaservices",
-      icon: "fas fa-photo-video fa-fw bigger-icon",
-      description: "Media Services"
-    },
-    {
-      link: "https://kbcc-cuny.libwizard.com/f/bookrequest",
-      icon: "fas fa-shopping-basket fa-fw bigger-icon",
-      description: "Suggest a Book for Purchase"
-    },
-    {
-      link: "https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406",
-      icon: "fas fa-bookmark fa-fw bigger-icon",
-      description: "Suggest an Item to Add to Reserves"
-    }
-  ]
-  
-  const aboutUsMenu = [
-    {
-      link: "https://library.kbcc.cuny.edu/about-us/directory",
-      icon: "fas fa-address-book fa-fw bigger-icon",
-      description: "Faculty & Staff Directory"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/newarrivals",
-      icon: "far fa-mail-bulk fa-fw bigger-icon",
-      description: "New Arrivals"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/about-us/liaisons",
-      icon: "fas fa-theater-masks fa-fw bigger-icon",
-      description: "Subject Liaisons"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/social",
-      icon: "far fa-hashtag fa-fw bigger-icon",
-      description: "Social Media"
-    }
-  ]
-  
-  const locationAndHoursMenu = [
-    {
-      link: "https://tour.kingsborough.edu/",
-      icon: "fas fa-map-marked-alt fa-fw bigger-icon",
-      description: "Campus Map"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/calendar",
-      icon: "fas fa-clock fa-fw bigger-icon",
-      description: "Library Hours"
-    }
-  ]
-  
-  const helpMenu = [
-    {
-      link: "https://library.kbcc.cuny.edu/askalibrarian",
-      icon: "fas fa-book-reader fa-fw bigger-icon",
-      description: "Ask A Librarian"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/faq",
-      icon: "fas fa-question-circle fa-fw bigger-icon",
-      description: "FAQ"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/guides",
-      icon: "fas fa-telescope fa-fw bigger-icon",
-      desciption: "Research Guides and Tutorials"
-    },
-    {
-      link: "https://library.kbcc.cuny.edu/ENGLISH24",
-      icon: "fas fa-question fa-fw bigger-icon",
-      description: "How to Use the Library"
-    }
-  ]
   return {
     findItMenu: findItMenu,
-    servicesMenu: servicesMenu, 
-    aboutUsMenu: aboutUsMenu,
-    locationAndHoursMenu: locationAndHoursMenu,
-    helpMenu: helpMenu
   };
 }());