Having trouble with SSR issue Vue JS

I’m having trouble getting this to build when working with Vue JS/Gridsome. I’ve wrapped the directive component in <ClientOnly> per the Gridsome documentation and also tried to import it into the mounted hook, but still getting the ReferenceError: window is not defined

<ClientOnly>
            <div class="hiw-card" id="hiw-deliver"
                 v-waypoint="{active: true, callback: mobScroll, options: intersectionOptions }">
              <h4>Deliver</h4>
              <p>A customers’ data is available via conventional REST API, as well as via a digital wallet, as
                frequently
                as energy is read and CO2e offset/liability calculated (continuously), and as frequently as RECs are
                accumulated in mWh bundles.
              </p>
              <b-row class="justify-content-center">
                <b-col cols="3">
                  <i class="fas fa-database fa-3x hiw-icon"></i>
                </b-col>
                <b-col cols="3">
                  <i class="far fa-long-arrow-alt-right fa-3x hiw-icon"></i>
                </b-col>
                <b-col cols="3">
                  <i class="far fa-user fa-3x hiw-icon"></i>
                </b-col>
              </b-row>
            </div>
          </ClientOnly>

mounted () {
            window.waypoint = require('vue-waypoint')
    }

[sebj54]

Great! Thanks for the update, I’ll test it in the next days and let you know.

[scaccogatto]

Great!