aca-stages

Import for nuxt

Add stylesheets path into nuxt.config.js.

export default {
  css: [
    /* [...] */
    { src: 'aca-design/lib/aca-design.css', lang: 'css' },
    { src: '@tomderudder/aca-stages/lib/aca-stages.css', lang: 'css' }
  ]
}

Add the plugin path into nuxt.config.js.

export default {
  plugins: [
    /* [...] */
    { src: '~/node_modules/@tomderudder/aca-stages/nuxt/aca-stages.js', ssr: false }
  ]
}

Plugin script aca-stages.js content.

import Vue from 'vue'
import { InternshipsSchedule } from 'aca-stages'

Vue.component('InternshipsSchedule', InternshipsSchedule)

Import for vue

Add the stylesheet in src/main.js.

import '@tomderudder/aca-stages/lib/aca-stages.css'

Add the stylesheet in src/my-component.vue.

<template>
  <InternshipsSchedule />
  // or
  <internships-schedule />
</template>

<script>
import { InternshipsSchedule } from '@tomderudder/aca-stages'
// or
const { InternshipsSchedule } = require('@tomderudder/aca-stages')

export default {
  name: 'my-component',
  components: { InternshipsSchedule }
}
</script>