Eslint correction on code - parallax not working

[Deleted user]

Due to eslint errors on the original code I've done minor changes. The code looks like this now:

    <!-- Parallax -->
    <parallax-container>

      <parallax-element :parallaxstrength="-5" :type="'translation'">
        <h2>Put your content here</h2>
      </parallax-element>

    </parallax-container>

    <parallax-container class="horizontal-card centered-card">

      <parallax-element class="text-container" :parallaxstrength="10" :type="'depth'">
        <h2>'rotation'</h2>
      </parallax-element>

      <parallax-element class="background-image" :parallaxstrength="-10" :type="'depth'"/>

    </parallax-container>

    <parallax-container class="horizontal-card">

      <parallax-element class="text-container" :parallaxstrength="-5" :type="'translation'">
        <h2>'translation'</h2>
      </parallax-element>

      <parallax-element class="background-image" :parallaxstrength="-10" :type="'translation'"/>

    </parallax-container>

    <parallax-container class="horizontal-card centered-card">

      <parallax-element class="text-container" :parallaxstrength="15" :type="'rotation'">
        <h2>'rotation'</h2>
      </parallax-element>

      <parallax-element class="background-image" :parallaxstrength="10" :type="'rotation'"/>

    </parallax-container>

I've done yarn add vue-mouse-parallax, added:

 import VueMouseParallax from 'vue-mouse-parallax'
Vue.use(VueMouseParallax)

in my index.js where I keep all my plugins. Build on my app is all well, css is linking etc. No output errors on console.

Any ideas what may be the cause?

[lizhineng]

Try to change your parallaxstrength to parallax-strength