Задать вопрос
@Novamoscow
vue

Как использовать pug внутри компонента vue?

Весь проект написан на pug. Использую внутри .pug файлов такую конструкцию

<tamplate lang="pug">
   .is__title.connect__title 
     button-counter


Все работает.

Далее решил перенести часть верстки в дочерний компонент vue, чтобы выводить ее динамически.

template: `
      <tamplate lang="pug"> 
        span {{ tr(lang).title }} 
      </tamplate>`


Попытался тем же способом вывести верстку и в компоненте, не получилось, переписывать на html не очень хочется, как правильно это реализовать ?
  • Вопрос задан
  • 4180 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
Помог ответ? Отметь решением.
https://pugjs.org/api/reference.html
Подключить pug и вот так должно сработать:
import pug from 'pug';

//...
template: pug.render(`span {{ tr(lang).title }} `)


Но я бы не костылил ))
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Разработчик Vue.js
Кортекс
от 60 000 до 100 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправить адаптивную верстку на Tilda Zero Block
20 апр. 2024, в 06:39
4000 руб./за проект
Доработка аддона для Xenforo v2.2.13
20 апр. 2024, в 06:06
200 руб./за проект
Привязка к Маркетплейсам 1С Розница 2.3
20 апр. 2024, в 05:26
10000 руб./за проект
Ещё заказы