No error during Develop. Lots of errors during Build

Description

When using some vue packages I’m seeing that it works during development. When I try to build for a release it fails. I’ll use one of the dependent packages as an example.

Steps to reproduce

1. npm install vue-custom-scrollbar
2. make use of the component like this
3. Run gridsome develop (it works)
4. Run gridsome build (it fails)

Expected result

The project should build properly during development and build to keep suprises before a release to a minimum.

Actual result

Project fails when trying to build with error

ReferenceError: document is not defined

Environment

@gridsome/cli v0.0.9 gridsome v0.5.8

Browser:

• Chrome (desktop)
• Safari (desktop) version XX

[u12206050]

Hi, you wrap i around the component. eg.

<template>
  <div>
    <ClientOnly>
      <vue-custom-scrollbar></vue-custom-scrollbar>
    </ClientOnly>
  </div>
</template>

<script>
// Don't import it here
export default {
  components: {
    vueCustomScrollbar: () => import('vue-custom-scrollbar') // Lazy load it in
  }
}

[FilledStacks]

Much appreciated. This worked, definitely need some friendlier errors to indicate some errors 😃