todovue-menu

vue
copy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
      <script>
const configMenu = {
  menus: [
    {
      id: 1,
      title: "Home",
      url: "/",
    },
    {
      id: 2,
      title: "About",
      url: "/about",
    },
    {
      id: 3,
      title: "Contact",
      url: "/contact",
    },
    {
      id: 4,
      title: "Blogs",
      url: "/blogs",
    },
    {
      id: 5,
      title: "Projects",
      url: "/projects",
    },
  ],
  placeholder: "Search...",
  titleButton: "Search",
  imageMenu: "https://todovue.com/logo.png",
};
</script>
<TvMenu
  :menus="configMenu.menus"
  :placeholder="configMenu.placeholder"
  :titleButton="configMenu.titleButton"
  :imageMenu="configMenu.imageMenu"
/>
      