solution for server side rendering

[sheey11]

for those who struggling with nuxtjs, here is my solution:

create a plugin at plugins/atlaskit.js:

import * as atlaskitComponents from '@spartez/vue-atlaskit'
import Vue from 'vue'

export default function () {
    Object.entries(atlaskitComponents).forEach(([name, component]) => {
        Vue.component(name, component)
    })
}

and then reference it in nuxt.config.js:

{
  head: {
    link: [
      // not forgetting this!
      { rel: 'stylesheet', href: 'https://unpkg.com/@spartez/vue-atlaskit/dist/bundle.css' }
  },
  plugins: [
    { src: '~plugins/atlaskit.js', mode: 'client' },
  ],
}

then just use atlaskit without import:

<template lang="pug">
div
  Button(appearance="primary" @click="greet") wow
</template>

<script>
export default {
  methods: {
    greet() {
      alert('Greetings from an atlaskit button!')
    }
  }
}
</script>