Using plugin with VueJS

[Brandonza]

Hi

I am trying to use this plugin with VueJS but cannot seem to get it to work, can anyone point to be some helpful documentation or give me some guidance, please?

I have run: npm install @silvermine/videojs-chromecast

Extracts from my Vue Component: import videojs from 'video.js' import '@silvermine/videojs-chromecast/src/scss/videojs-chromecast.scss' require('@silvermine/videojs-chromecast')(videojs);

I get his error when trying npm run serve: These relative modules were not found:

• ./images/ic_cast_connected_white_24dp.png in ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-3-1!./node_modules/postcss-loader/src??ref--8-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-3-3!./node_modules/@silvermine/videojs-chromecast/src/scss/videojs-chromecast.scss
• ./images/ic_cast_white_24dp.png in ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-3-1!./node_modules/postcss-loader/src??ref--8-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-3-3!./node_modules/@silvermine/videojs-chromecast/src/scss/videojs-chromecast.scss

[Lucastro99]

algum update?

[alekorhonen]

I got around it by just copying the scss files to my Vue project's assets folder.

[yokuze]

You can change the path to the image assets to whatever your project needs by overriding these SCSS variables: https://github.com/silvermine/videojs-chromecast/blob/master/src/scss/_chromecastButton.scss#L2