Multiple slide shows need same imported options

[midlantica]

I have 6 distinct slide shows in my site. I want them all to share the same options.

I tried to import vueFluxVars.js:

const vueFluxVars = {
  autoplay: true,
  enableGestures: true,
  infinite: true,
  bindKeys: true,
  delay: 3000,
  width: 98,
  toggleFullscreen: true,
  allowFullscreen: true,
  lazyLoad: true,
  autohideTime: 2500
}

console.log(vueFluxVars) /// <<-- this appears correctly in console 

Then in vue-flux slides file:

import './vueFluxVars.js'

data: () => ({
      vfOptions: vueFluxVars,
     .......

Always comes in 'undefined'.

Sorry, bit of a newbie.

Maybe I'm not doing it the Vue way? Suggestions?

[ragnarlotus]

Hello, your problem is just related to ES module system.

You need to ' export default vueFluxVars at the end of vueFluxVars.js, so it exports something by default.

And then in the slides use import vueFluxVars from './vueFluxVars.js' so you retrieve what you export.

Regards

[midlantica]

Gracias, señor! I feel like I did that already.. but I guess not! 👍