Извините, нужно было сразу код прописать

{set $files = json_decode($_modx->resource.gallery, true)}
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2">
    <div class="swiper-wrapper pswp-gallery" id="gallery--no-dynamic-import">
        {foreach $files as $file}
        <div class="swiper-slide ">
            <a href="{$file.img}" data-pswp-width="!!!тут нужен оринал!!!" data-pswp-height="!!!тут нужен оригинал!!!" target="_blank">
                <div class="product__media--view__icon">
                    <div class="product__media--view__icon--link glightbox">
                        <i class="fa fa-search"></i>
                        <span class="visually-hidden">Просмотр</span>
                    </div>
                </div>
                <img src="{$file.img | pthumb: "w=570&h=450&f=webp&zc=1&q=90"}" alt="{$_modx->resource.pagetitle}">
            </a>
        </div>
        {/foreach}
    </div>
</div>

по физическим размерам

Совсем не об этом писал. В этом варианте VUE все равно внутри шаблона подключается.
Я использую VUE CLI. В таком варианте — в шаблон вообще ничего не подключается. Только JS файлик, в котором скомпилированная логика. JS смотрит в DOM дереве заранее указанный ID и заменяет этот DOM элемент на VUE компонент.

Установленные плейсхолдеры можно посмотреть так:

print_r($modx->placeholders);

Попробуйте

{$_pls['+appsettings']}

или

{$_modx->getPlaseholder('+appsettings')}

Посмотрите как он записан в базе данных… По крайней мере там можно его сравнить с рабочими…

Мне кажется об этом @Николай Савин и писал.

Нет, примеров у меня нет, но думаю документация pdoPage вам поможет.

Не знаю почему, Василий, но у меня не работает тег {ignore} почти никогда.
Часто в шаблон нужно добавить какой то сторонний скрипт, например от яндекс метрики, который тоже конфликтует. И никогда оборачивание в {ignore} не помогало, только вручную проставить пробелы.
И в случае с vue тоже не помогло.

Пока решил пользоваться глобальными компонентами vue, описывая их все в одном файле, а в шаблон вставлять только

<park-list v-for="item in park" v-bind:car="item" v-bind:key="item.id"></park-list>

Тег {ignore} должен тупо пропускать вообще всё, что внутри.

Я как-то пару раз интегрировал Vue на страницу MODX с Fenom — всё игнорировалось, как должно.

По сути то же самое, как я понял)
В alpine есть удобная штука: @click.outside=«open = false» (при клике вне элемента). В vue приходилось для этого костыли писать

Разве проблема с

{ignore}...{/ignore}

в сочетании с другими фигурными скобками без пробела в начале уже решена?
Задаю вопрос из-за любопытства, давненько уже не работал с modx + fenom.

Самое простое — завернуть код с Vue внутрь тега {ignore}...{/ignore}, он специально для этого и придуман.

А я советую облегчённый Vue Petite — github.com/vuejs/petite-vue

А можно пример? Если вас не затруднит?

Любое можно, а пагинацию можно через pdoPage сделать.

Да материалов 10 и 5 не активных было…
Спасибо большое вам!
А какое значение ставить можно? 100, 1000 справится? Постраничной навигации только нету?

Код вывода правильный, посмотрите какой запрос получается в итоге и точно ли у этого пользователя есть больше 10 тикетов.

Виджетами я называю отдельные модули. По отношению ко VUE наверное так никто не говорит действительно. Но в целом называть какой то отдельный кусок интерактивного кода виджетом — нормально. Во VUE наверное корректнее писать компоненты.
В более менее крупном проекте может быть запросто десяток подключаемых VUE компонентов. У меня порой страница целиком — один большой VUE компонент.

признаюсь, не знал что существует метод setPlaceholderS, всегда пользовался setPlaceholder, но конкретно в моем случае это проблему не решает.
Если я выставляю (неважно как) плейсхолдеры внутри сниппета, то ниже по коду я никак не могу получить их используя феном, только через [[+placeholder_name]]
Если же я в шаблоне выставлю плейсхолдер не внутри сниппета а вот так

{$_modx->setPlaceholder('name','value')}

то такой плейсхолдер легко ловится на феноме

{set $my_placeholder = $_modx->getPlaceholder('name')}

Советую alpine.js, более легковесный, если что-то не совсем сложное, вполне может заменить vue. Плюс в том, что часто вообще не нужно ничего писать в скриптах.