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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

<div class="nav" id="vue_nav">
    <nav class="navbar navbar-expand-lg navbar-light">

        <a class="navbar-brand" :href="logo.link"><img :src="logo.logoimgsrc" class="img-fluid"></a>
        <mobile_menubtn></mobile_menubtn>


        <div class="collapse navbar-collapse" id="navbarSupportedContent">

            <mobile_menuclosebtn></mobile_menuclosebtn>

            <ul class="navbar-nav mr-auto">

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {{catlanguages}}
                    </a>
                    <div class="dropdown-menu slideIn animate" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#" v-for="language in languages" :title="language.lang">
                            {{ language.lang }}</a>
                    </div>
                </li>

            </ul>
            <ul class="navbar-nav">
                <li class="nav-item" v-for="normalcat in normalcats">
                    <a class="nav-link" :href="normalcat.link" :title="normalcat.title">{{normalcat.title}}</a>

                </li>

                <li class="nav-item dropdown mobileCat" v-for=" category in categorys">
                    <a class="nav-link dropdown-toggle" :href="category.link" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" :title="category.title">
                        {{category.title}}
                    </a>
                    <div class="dropdown-menu slideIn animate" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" :href="subcat.link" v-for="subcat in category.subcats" :title="subcat.subcat">
                            {{ subcat.subcat }}</a>
                    </div>

                </li>

                <li class="nav-item searchWarp">
                    <desktop_searchbtn></desktop_searchbtn>
                    <div class="searchOverlay">
                        <div class="SearchWarp">
                            <desktop_searchclosebtn></desktop_searchclosebtn>
                            <form class="form-inline">
                                <div class="searchInput">
                                    <input class="form-control" type="search" :placeholder="search" aria-label="Search">
                                </div>
                                <div class="searchBtn">
                                    <button class="btn btn-outline-primary" type="submit">{{search}}</button>
                                </div>

                            </form>
                        </div>
                    </div>
                </li>
            </ul>

        </div>
    </nav>

</div>