DruxtSiteMixin can not be used in clientside

[Decipher]

Describe the bug
It appears that when using the DruxtSiteMixin you get an error in clientside due to fs.

 ERROR  Failed to compile with 1 errors

This dependency was not found:

* fs in ./node_modules/druxt-site/dist/druxt-site.esm.js

To install it, you can run: npm install --save fs
ℹ Waiting for file changes
ℹ Memory usage: 177 MB (RSS: 273 MB)
ℹ Listening on: http://localhost:3000/

To Reproduce
Steps to reproduce the behavior:

1. https://gitpod.io/#https://github.com/druxt/druxt.js
2. Add following to examples/druxt-site/components/druxt/site/Default.vue:

   <template>
     <div>
       <slot name="header" />
       <slot name="content" />
       <slot name="footer" />
     </div>
   </template>
   
   <script>
   import { DruxtSiteMixin } from 'druxt-site'
   export default {
     mixins: [DruxtSiteMixin]
   }
   </script>
   

3. Run storybook: cd examples/druxt-site && yarn && yarn storybook
4. Open site story: /?path=/docs/druxt-site-druxtsite--wrapper

Expected behavior

• DruxtSiteMixin shouldn't require fs

Media
N/A

Your Environment (please complete the following information):
N/A

Additional context
N/A

[Decipher]

This issue is related to the DruxtSite Nuxt module requiring fs, and both the module and mixin sharing the same bundle.

Ideally two actions could and should be taken:

1. Move the Nuxt module into it's own bundle, like the DruxtRouter module, meaning it will be installed as druxt-site/nuxt
   • Related to chore(#293): move Druxt Views nuxt module files #400
2. Remove Mixins from the bundle, meaning they'll be required to used like import DruxtSiteMixin from 'druxt-site/dist/mixins
   • Maybe do this after 1.0.0

[Sebastix]

Ran into the same error today. I removed this snippet from the script element in examples/druxt-site/components/druxt/site/Default.vue as workaround:

import { DruxtSiteMixin } from 'druxt-site'
export default {
  mixins: [DruxtSiteMixin]
}