Creating css/scss themes for my Vue Components Npm package has been a focus of mine lately. This particular package is local and currently being tested using npm link.
Both the Package and Project are utilizing webpack.
index.js of Package
import "./src/sass/main.scss";
import "./src/sass/theme_a.scss"; // This needs to be included based on options
install(Vue, options) {
Vue.prototype.$package = Vue.observable({ options });
Vue.component("a-button", a_button);
--- more ---
}
index.js of the Project
import Package from 'package'
Vue.use(Package, {
theme: 'theme_a',
style: 'style_a'
--- more ---
});
new Vue({el: '#app', render: h => h(App)});
My goal is to incorporate specific scss theme files in the index.js of the Package, while setting the theme for the project within the Vue.use() function in the index.js of the Project.
Is there a way to accomplish this?