Not working on third party components

[edum18]

Hey @AjiTae I've enabled "unsafe" but still doesn't transform class names on third party components. Any idea why?

main.js:

import VueImplicitCssModules from 'vue-implicit-css-modules';
import globalModule from './assets/styles/main.scss';

Vue.use(VueImplicitCssModules, {
    global: globalModule,
    unsafe: true
})

vue.config.js:

module.exports = {
    css: {
        requireModuleExtension: false,
        loaderOptions: {
            css: {
                modules: {
                    localIdentName: 'QUALITY__[local]'
                }
            }
        }
    }
}

[edum18]

I ended up using shadow dom, as an alternative to css modules to encapsulate css