Велосипед длиной в полжизни

Но вот нормальная архитектура, построенная на автоматическом создании объектов-сервисов и пробрасывания их в конечные объекты-потребители с помощью контейнера, как раз и решила бы проблему «связности в моей ЦМС», которая в итоге перестала бы напоминать Йии1-2 с его фреймворком, который весь лежит в одном объекте.

Как сказал один очень умный человек, "то что одному — логичная и последовательная структура, то другому — оверинжиниринг". Все зависит от опыта.

Здесь я рекомендую смотреть на Симфони, как на проект, который пытается форсить правильные подходы, не заигрывая при этом с пользователем, как веселая Лариска, но при этом сохраняя мозг пользователя почти без необратимых повреждений.

SPA — это по желанию. Vue не требует знания TypeScript. Vue очень прост на самом деле…

Самая большая сложность, возможно, это настроить сборщик (Webpack сложен для меня...) я использую laravel-mix.com

function get_webpack_asset(string $name) : string {
    $file_name = App::$DIR . 'theme/mix-manifest.json';
    if(!file_exists($file_name)) {
        App::error('File mix-manifest.json not exists !');
        return '';
    }
    $json = file_get_contents(App::$DIR . 'theme/mix-manifest.json');
    $assets = my_json_decode($json);
    if(!array_key_exists($name, $assets)) {
        App::error('Key "' . $name . '" not exists in "mix-manifest.json"');
        return '';
    } else {
        return $assets[$name];
    }
}

let mix = require('laravel-mix');
mix
    .setPublicPath('theme/')
    .setResourceRoot('../')
    .js('theme/assets/js/main.js', 'js')
    .sass('theme/assets/sass/main.scss', 'css')
    .copyDirectory('theme/assets/images', 'theme/images')
//    .copyDirectory('theme/assets/fonts', 'theme/fonts') 
    .options({
       processCssUrls: true
    })
    .version();
if ( !mix.inProduction() ) {
    mix
        .webpackConfig({devtool: 'source-map'})
        .sourceMaps();
}