Как использовать теги в миксине PUG при его объявлении?

Question

[Roman Sippel]

Всем привет!
Помогите, плиз, если умеете.

В верстке проекта есть повторяющаяся часть. Макет верстается на pug и я хочу задействовать миксин.
Всё работает, но есть деталь - в части текста нужны переносы - теги <br>.
Как при объявлении миксина их вставлять?

Для примера простой миксин:

mixin goods-block(title)
	.goods-block
		h4= title

Объявляем:

+goods-block("Первая часть заголовка" + "<br>" + "Вторая часть")

(как я только не пробовал, этот вариант хотя бы компилируется и отображается)

В документации Pug ответа не нашел как это объявлять. Пробовал по разному.
Вариант выше отображает <br> как текст.

Answer 1

[Константин Китманов]

Посмотрите раздел документации под названием Mixin Blocks.

Comments

[Roman Sippel]

Я смотрел этот раздел. Как и всё, что в документации касается миксинов.

В моей ситуации тег <br> стоит прямо внутри заголовка, который правится миксином. Т.е. как если бы я писал вот так:
h4 Первая часть заголовка<br> Вторая часть

[Константин Китманов]

Может я просто не понял, чего вы хотите.

mixin goods-block()
  .goods-block
    h4= block

+goods-block()
  | Первая часть заголовка
  br
  | Вторая часть

[Roman Sippel]

Эм.. в этом случае заголовок h4 становится пустым
prntscr.com/hrquvs
prntscr.com/hrqv6n

[Константин Китманов]

Roman Sippel, лажанул. Вот так работает: https://codepen.io/hogart/pen/JMbOOP

[Roman Sippel]

Решение хорошее, работает!
Константин, вы не в курсе о возможности в принципе использовать тег в объявлении миксина, как в моем случае? Я думал и плясок с бубном не потребуется - просто вставить тег, соблюдая синтаксис. И, собствтенно, грешил на синтаксис.
Например,

+goods-block("Какой-то параграф с <em>выделенным текстом</em> и переносом <br> строки")

- я правильно понял, что это в принципе нереализуемо?

[Константин Китманов]

Roman Sippel, плохо я вас как-то понимаю... Во-первых, это не объявление миксина, а вызов. Во-вторых, чем это отличается от того, что я уже показал? Тэг внутри строки надо? https://pugjs.org/language/interpolation.html#tag-...

[Roman Sippel]

Константин Китманов, получается, тег внутри вызова миксина, а именно внутри текста в кавычках.
Т.е. чтобы не нужно было писать дополнительный оборачивающий текст тег.
Правила вставки тегов внутрь обычной строки не работают при вызове миксина.
P.s. за поправку в терминах вызов-объявление - спасибо. Даже не замечал ,что путаюсь.

[Константин Китманов]

Roman Sippel, и снова я ничего не понял:)
Я же показал, как надо, а вы снова пытаетесь передать строку вместо блока. Естественно в строковом литерале тэги не работают, с чего бы?:)
Я обновил пример, все отлично работает: https://codepen.io/hogart/pen/JMbOOP

[Roman Sippel]

- "Естественно в строковом литерале тэги не работают, с чего бы?:)" - жаль. А я еще тешил себя надеждой и перебирал способы с синтаксисом :)))
Буду через Mixin Blocks выводить. Поколдовав с if else, чтобы было удобно.
Большое спасибо, Константин, за помощь! Очень благодарен!