В Pug (ранее известном как Jade) можно организовать умное управление отступами внутри тегов <pre><code> с помощью использования строки с текстом с отступами в сочетании с фильтром :stylus или :sass.
Для начала, создайте строку с отступами, которая будет содержать ваш код. Можно воспользоваться многострочным текстом внутри тега pre или записать эту строку отдельно в переменную.
Пример кода в Pug:
pre.
#{indentationString}
code
// Ваш код здесь
Здесь переменная indentationString представляет собой строку с отступами, которая будет форматировать ваш код.
После этого, можно использовать фильтры :stylus или :sass для обработки строки с отступами.
Пример кода с использованием фильтра :stylus:
pre
:stylus
| #{indentationString}
code
// Ваш код здесь
В данном примере фильтр :stylus применяется к строке indentationString, что позволяет преобразовать ее во вложенный CSS код с использованием Stylus синтаксиса, включая отступы.
Аналогично можно использовать фильтр :sass, если вы предпочитаете использовать Sass синтаксис:
pre
:sass
| #{indentationString}
code
// Ваш код здесь
Таким образом, вы сможете организовать умное управление отступами внутри тегов <pre><code> в Pug, используя строку с отступами и соответствующий фильтр. Это позволит вашему коду быть легко читаемым и отформатированным.