begin vue.js

2022-08-27 00:21:02 -04:00
parent d2eef24dbe
commit 38b04743de
2 changed files with 151 additions and 0 deletions
@@ -0,0 +1,23 @@
+const menusComponent = {
+  template:
+  `<a class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
+     <div class="bigger-fancy-text">
+        <i v-bind:class="item.icon" aria-hidden="true"></i>
+        <strong>{{ item.description }}</strong>
+     </div>
+   </a>`
+}
+
+new Vue({
+  el: '#app',
+  data: {
+    findIt: Seed.findItMenu,
+    services: Seed.servicesMenu,
+    aboutUs: Seed.aboutUsMenu,
+    locationAndHours: Seed.locationAndHoursMenu,
+    help: Seed.helpMenu
+  },
+  components: {
+    'menus-component': menusComponent
+  }
+});