Добавление диапазона в строку таблицы в зависимости от if (Symfony - Twig - Vue)

Question

Я изучаю Vue и пытаюсь добавить его в существующий проект Symfony 3.4.

У меня есть веточка с этим контентом (он не реагирует):

<td><span class="{% if entity.isExecuting %}blink_me fa fa-cog{% endif %}" aria-hidden="true"></span></td>

Я скачал npm и установил Vue с помощью npm, затем добавил Vue в файл .twig:

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vuex"></script>

В том же файле ветки я пытаюсь создать новое приложение Vue (полагаю, этоправильное место) но я не могу понять, как добавить fa fa-cog fa, если entity.isExecuting имеет значение true.

Я пробовал это, но это не работает:

<script>
    const vueApp = new Vue({
        el: '#vapp',
        data: { 
            display: 'redbox' 
            },
        template: '<span class="blink_me fa fa-cog" aria-hidden="true"></span>',
        computed: {
            running: function() {
                if (Entity.isExecuting) {
                    return '<span class="blink_me fa fa-cog" aria-hidden="true"></span>';
                }
            }
        }
    });
</script>

Переменная entity.isExecuting происходит от ветки:

<tbody>
    {% for entity in application.process %}

Вы бы порекомендовали какие-нибудь примеры для этого? Большое спасибо.

Обновление: я подумал, что сначала мне нужно было установить Encore вручную, поскольку я не использую Symfony Flex. Я выполнил всю настройку из документов Symfony, теперь я вижу, что у меня включена Vue на странице.