pavelpolitaev

С kohana были такие моменты, написал небольшой bash скрипт и готово. В консоле писал примерно так: ./makeClass Test_Dir_Class

Тут конечно много проблем, но для начала уберите со страницы одинаковые id у div. Id на то и id, он уникальный на всю страницу. Внутри вашей функции вы работаете с классами в рамках всей страницы, а должны только в рамках текущего слайдера. Уберите все id, они не нужны здесь. Переделайте все ваши id на классы. Пропишите класс у слайдера, например, slider, потом пройдитесь по все слайдерам примерно так

let your_function = function (dom_slider){
// Код слайдера 
}
$( ".slider" ).each(function( index ) {
   your_function($(this))
});

и все поиски делайте внутри dom_slider. На jQuery, как писали выше, можно обернуть все в плагин, но смысл тот же.

Добавляете евент при наведении или клике на слайд, парсите выбранный слайд, берете путь до картинки, его можно вывести, например, в атрибут каждого слайда, далее вставляете справа в превью.

Покажите полностью один ответ от сервера и по какому приоритету вы хотите фильтровать. Я не вижу проблемы вообще. Если вам нужно фильтровать данные перед передачей в шаблон Vue, сделайте computed property и там сделайте фильтрацию и уже это свойство передавайте в for в шаблоне

Вот вам сортировка по связанным моделям

Document::with(['document_customs', 'document_templates'])
            ->withCount(['document_templates as for_sort' => function ($q) {
                $q->select('field_order');
            }])
            ->where('id', '=', $document->id)
            ->orderBy('for_sort', 'DESC')
            ->get();