Как передать класс в миксин pug или jade?

Question

[Сергей Бурдужа]

Здравствуйте.
Хочу создать миксин, но не получается.

Результат должен быть такой

svg.icon-location
		use(xlink:href="#location")

mixin пишу такой

svg.= class
		use(xlink:href="#= icon")

и инклюдить таким образом
+icon('icon-location', 'location')

В миксины есть ошибки, в документации два несложных примера, но не нашел как классы передать и как в атрибуте писать, где есть # и кавычки.

Подскажите как решить.

Заранее благодарен.

Answer 1

[Владимир Ионенко]

mixin value(name)
  span(class="value " + name)= name
mixin icon(icon, location)
  svg(class="" + icon)
    use(xlink:href="#" + location )
 
.header
  p Text
  +value('example text')
  +icon('icon-location', 'location')

Comments

[Сергей Бурдужа]

спасибо, а я ломал голову. Не понимаю, почему разработчики не сделали подробную документацию для новичков? Или вы знаете, где можно найти?

[Владимир Ионенко]

Сергей Бурдужа, Тут скорее работает логика и опыт. Документация достаточно хорошая. PUG написанный на JS, соответственно все операции, работа с массивами и т.д. работают аналогично как и в чистом JS. Все что Вам нужно было сделать так это произвести обычную конкатенацию строк (просто сложить 2 строки)

[Сергей Бурдужа]

Владимир Ионенко, понятно. Спасибо. Я в js тоже немного разбираюсь.

[zzaq17]

Благодарю, выручили)