Сейчас для того, чтобы передавать в vue данные из twig используется излишне условжненное подключение, когда на подключение используется два компонента. Один sfc-компонент с реализацией, и неименованный компонент, с шаблоном внутри страницы,
<div id="activity-widget">
<activity-timeline action="{{ path('activity.list', {'type': 'task', 'id': task.id})}}"></activity-timeline>
</div>
Здесь на самом деле один компонент activity-timeline является sfc-компонентом и пустой root-компонент без настроек и с шаблоном внутри контейнера <div> создаваемый через
var activityWidgetPlaceholder = document.getElementById('activity-widget');
if (activityWidgetPlaceholder) {
const activityWidget = createApp({});
activityWidget.component('activity-timeline', ActivityTimeline);
activityWidget.mount('#activity-widget');
}
Как вариант передавать их через data
<div id="activity-widget" action="{{ path('activity.list', {'type': 'task', 'id': task.id})}}"></div>
И здесь надо придумать механизм передачи их в данные компонента.
В fileUpload мы совершили еще одну попытку избавиться от промежуточного слоя, с пустым компонентом как приложением vue, который перегоняет данные из атрибутов html-тегов в props. Но потерпели фиаско с получением этих данных из composition api. Так что этот вопрос опять откладываем на эту задачу.