Почему не меняется класс?

Question

[Вадим Сомов]

Почему не меняется класс, когда я меняю переменную?

Тут я делаю перебираю массив и делаю меню. Сам миксин в отдельном файле -

-var active = 'home';  //default

-var menu = { 'home'     : 'google.com', 'Gallery'  : 'instagram.com', 'Travel'   : 'vk.com', 'About me' : 'www.youtube.com', 'Contacts' : 'toster.ru',  };

 mixin main-menu
    nav.header__nav
        ul.header__nav.item__list
            each val, key in menu
                li.list__item
                    if active === key
                        a.list__link-active.list__link(href=val, title=key)= key
                    else
                        a.list__link(href=val, title=key)= key

А так вызываю его с другим значением в другом файле, но переменная в этом ничего не меняет

div.top-panel
        +main-menu
            - var active = 'Gallery'

А это скомпилированный html -

<div class="top-panel">
            <nav class="header__nav">
              <ul class="header__nav item__list">
                <li class="list__item"><a class="list__link-active list__link" href="google.com" title="Home">Home</a>
                </li>
                <li class="list__item"><a class="list__link" href="instagram.com" title="Gallery">Gallery</a>
                </li>
                <li class="list__item"><a class="list__link" href="vk.com" title="Travel">Travel</a>
                </li>
                <li class="list__item"><a class="list__link" href="www.youtube.com" title="About me">About me</a>
                </li>
                <li class="list__item"><a class="list__link" href="toster.ru" title="Contacts">Contacts</a>
                </li>
              </ul>
            </nav>

Вот скриншот - prntscr.com/gt4g87

Comments

[Сергей delphinpro]

зачем тег gulp.js?

[Вадим Сомов]

Сергей, поменял

[mrSand]

Во втором случае вы применяете (если верить отступам в примере) для миксина такое pug-понятие как block.
Но в самом миксине block никак не обрабатывается. Его просто нет.
Кроме того, передавать данные в миксин проще аргументом чем блоком.
mixin main-menu(args)
...
полезно почитать:
про миксины
про блоки