tordroid

https://vue-loader.vuejs.org/guide/custom-blocks.h...
+ написать webpack-loader который соберет весь php код со всех файлов и заменит их например на url генерируемого апи
+ написать webpack-plugin который по emit tap закинет все собранное лоадером в какой нить php файлик для бэка

но как уже писали выше, подумайте, а стоит ли оно таких усилий

Да забей. Ру комьюнити никогда дружелюбностью не отличалось.
Я например уже давно не сижу в рускоговорящих тематических чатах в телеге. Помощи не дождёшься толковой, а за какие-то нестандартные эксперименты заклюют и запинают те. Выход-общаться в англоговорящих чатах. Там люди в разы дружелюбнее.

У меня есть идея, как можно реализовать примерно то, что ты хочешь. Я так понял твоя идея сделать максимально автономный компонент в системе? В общем смысл такой-разбиваешь компонент на файлы:
php - файл с версткой. В нём ты вызываешь компонент.
Vue - вёрстка самого компонента
Stul, css - стили
Js - скрипты компонента.

Возникает вопрос, зачем дробить на отдельные файлы? Ответ - для единообразия. по тому, что компонент может например не содержать vue вообще.

Вообще я этот подход ещё обдумываю сам. Но у меня именно идея php компонентов. Если хочешь, могу прислать код. Напиши мне на почту или в телегу, я тебе пришлю кусок проекта тестового)

По-моему приведенный запрос не будет работать, т.к. нет агрегатных функций возле группируемых параметров. Если не анализировать структуру БД и условия запроса, а только преобразовать его, то будет как-то так:

WITH check_user as (
	SELECT :user_id IN (18,104,1,15) check_id FROM dual
),
main_query as (
	SELECT
	  kpi.id,
	  GROUP_CONCAT(users_to_groups.user_id) AS test_1,
	  SUM(:user_id=users_to_groups.user_id) AS test_3
	FROM kpi
	LEFT JOIN kpi_watchers_groups ON kpi_watchers_groups.kpi_id = kpi.id
	LEFT JOIN users_to_groups ON users_to_groups.data_id = kpi_watchers_groups.group_id
	GROUP BY kpi.id
)
SELECT
	main_query.*,
	check_user.check_id test_2
FROM main_query
CROSS JOIN check_user