Not working with& VueJS & SCSS

[valnub]

Not working with [email protected] & VueJS & SCSS

[erwinyusrizal]

I think i got the problem, in v6.3.5 the plugin params is not working, so the plugin always use the default params

Framework7-Plugin-Welcomescreen/index.js

Line 171 in 0d470be

params: {

in app.vue welcomescreen params never passed to the plugin

// Framework7 Parameters
      const f7params = {
        name: 'app.id', // App name
        theme: 'auto', // Automatic theme detection
        id: 'id.app', // App bundle ID
        // App store
        store: store,
        // App routes
        routes: routes,
        welcomescreen: {
          // Setup welcomescreen plugin
          slides: welcomescreen_slides,
          options: options,
        },
        // Input settings
        input: {
          scrollIntoViewOnFocus: device.cordova && !device.electron,
          scrollIntoViewCentered: device.cordova && !device.electron,
        },
        // Cordova Statusbar settings
        statusbar: {
          iosOverlaysWebView: true,
          androidOverlaysWebView: false,
        }
      };

any idea @valnub

[erwinyusrizal]

I tried to create simple plugin following tutorial from the latest documentation using F7 v3.6.5 and Vue 3.2.20

https://framework7.io/docs/plugins-api.html

I got the same issue, params never passed to the plugin

[erwinyusrizal]

ok this plugin works really good in F7 core. I think the problem is in F7Vue version

[valnub]

Hi, thanks for reporting the issue. I tried to replicate the problem and can confirm that with Vue it only shows a blank page with a skip button in the top right corner. I'll have a look at the issue and will come back to you if I can find a fix.

[erwinyusrizal]

Any luck @valnub ?

[valnub]

Hey, man. I‘m sorry but I won’t be able to look into this until next month 😬

[valnub]

So, I looked deeper into the issue and can confirm that F7-Vue seems to ignore the parameters set by f7-welcomescreen plugin. I've opened a ticket with F7 team to verify if this is a bug in F7-Vue or something else is wrong: framework7io/framework7#3952

[valnub]

Sorry for the late reply but this one was quite tricky. I fixed the issue in latest version 3.0.10.

Also, in your Vue component please add the following code:

onMounted(() => {
  f7ready((f7) => {
    f7.welcomescreen.init(welcomescreen_slides, options);
  });
});

Let me know if that worked for you :-)

[erwinyusrizal]

@valnub sorry just have time to test it. I have tested it last night and yes it's working now. Thank you so much