Я только что купил две темы Vue.js и пытаюсь соединить их (одна - как тема презентации, а другая - тема панели инструментов). Мне удалось сделать большую часть слияния, кроме части стилей. При объявлении * .scss и * .css обеих тем в main.js они конфликтуют.
Я попытался просмотреть документацию, пробуя все, что нашел, например, объявление файлов стилей, но компоненты наследуют стиль родительского представления, поэтому они выглядят еще хуже, чем раньше.
Из main.js:
Vue.use(VueRouter);
Vue.use(Presentation);
Vue.use(Dashboard);
Из плагина презентации:
import "vue-material/dist/vue-material.min.css";
import "@/assets/surface/scss/material.scss";
import "@/assets/surface/main.css";
Плагин Dashboard имеет тот же импорт, но с разными файлами.
Я пытаюсь создать два глобальных стиля, которые я могу назначить различным наборам маршрутов (презентация и панель инструментов), но если у кого-то есть лучший обходной путь, я открыт для изменений.