VueJS — как в интерфейсе приложения сделать настройку дизайна через textarea с кастомными css правилами?

Question

[bormor]

Клиент хочет возможность задавать кастомные css правила через textarea в интерфейсе.
Правила будут на SCSS.

Какими вариантами можно эти правила использовать?
Можно сделать компонент в App.vue, который будет рендерить в шаблоне .
Но как на в приложении получить из строки с scss строку с css?

Comments

[Rustam Bainazarov]

Скомпилировать SCSS в CSS на backend.

[bormor]

Рустам Байназаров, спасибо за ответ. А есть ли какой-то способ сделать это на стороне фронтенда?
SCSS playground вроде могут работать на клиенте.

[Rustam Bainazarov]

bormor, есть. Вот только это не очень будет нравится пользователям, т. к. это нагрузка на CPU и трафик. Плюс, рендеринг элементов будет медленнее, ибо будет ждать CSS.

https://github.com/medialize/sass.js

[Rustam Bainazarov]

bormor, посмотрел, весит аж 900 Кб в сжатом виде.

[Алекс Глебов]

вопрос должен звучать "как объяснить клиенту что это 2 бреда"
про менять дизайн и про scss на клиенте

[bormor]

Алекс Глебов , в теории да, но в этом конкретном случае сложный клиент