I have a site using Quasar/PWA, here’s the source code:

https://github.com/charlieknoll/photo-frame-pwa

and here are some dev tips:

https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md

@dietbepis1 You got it, you set v-model=“slide” and in your data you set slide to ‘style’. It looks like it should be a value such as review.rdate if you want the slide index to start at a particular slide.

I created custom transition css for a 3 second transition (I’m not sure if all of the css is necessary):

<style>
.q-carousel__slide {
  min-height: 100%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.q-carousel__slides-container {
  height: 100%;
  background-color: black;
}

.q-transition--slide-fade-enter-active {
  transition: all 3s cubic-bezier(0.33, 1, 0.68, 1);
}
.q-transition--slide-fade-leave-active {
  transition: all 3s cubic-bezier(0.32, 0, 0.67, 0);
}
.q-transition--slide-fade-enter,
.q-transition--slide-fade-leave-to {
  opacity: 0;
  position: absolute;
}
</style>

Then set your props on the carousel:

      transition-next="slide-fade"
      transition-prev="slide-fade"

Also, be sure to have animations turned on in your OS.

Can you get a reference to the element running this in your console?

document.querySelector("input[name='email']")

@dietbepis1 You got it, you set v-model=“slide” and in your data you set slide to ‘style’. It looks like it should be a value such as review.rdate if you want the slide index to start at a particular slide.

I think you may need to put email in quotes:

"input[name='email']"

I have a site using Quasar/PWA, here’s the source code:

https://github.com/charlieknoll/photo-frame-pwa

and here are some dev tips:

https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md

I found it helpful to View-Reload the electron app if you have breakpoints in the quasar/vue part of the app. This is some notes I took down for a vue/electron project. Maybe it will help: https://gist.github.com/charlieknoll/a2ee69befa846e17b69bdea12474cd73

I feel your pain. I was able to get “sane” async debugging working in vscode using this in babel.config.js (I’m sure there is a better way):

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          chrome: 78
        }
      }
    ]
  ],
  plugins: [['@babel/plugin-proposal-class-properties']]
}