@tomderudder/aca-ak8 v0.2.8

aca-ak8

Import for vue

Add the stylesheet in src/main.js.

import { directives } from '@tomderudder/aca-ak8'
import '@tomderudder/aca-ak8/lib/aca-ak8.css'

Vue.directive('click-outside', directives.clickOutside)

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

<template>
  <InputField />
  // or
  <input-field />
</template>

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

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

Import for nuxt

Same usage like vue for import components.

Add stylesheets path into nuxt.config.js.

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

Add the plugin path into nuxt.config.js.

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

Plugin script aca-stages.js content.

import Vue from 'vue'
import { directives } from '@tomderudder/aca-ak8'

Vue.directive('click-outside', directives.clickOutside)