import DefaultLayout from '~/layouts/Default.vue'
import VTooltip from 'v-tooltip'

import '~/assets/scss/main.scss';

import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { config, library } from '@fortawesome/fontawesome-svg-core';
import { fas } from '@fortawesome/free-solid-svg-icons';
import { fab } from '@fortawesome/free-brands-svg-icons'

import '@fortawesome/fontawesome-svg-core/styles.css';

import VacationCard from "~/components/VacationCard.vue";

config.autoAddCss = false;
library.add(fas);
library.add(fab);

export default function (Vue, {router, head, isClient}) {
  Vue.component('Layout', DefaultLayout)
  Vue.component('VacationCard', VacationCard)
  
  Vue.component('font-awesome', FontAwesomeIcon)

  Vue.use(VTooltip, {
    defaultPlacement: 'top-end',
    defaultClass: 'bg-black text-xs px-2 leading-normal py-1 rounded absolute text-gray-400 max-w-xs mb-1'
  })
  var VueMarkdown = require('vue-markdown');
  Vue.use(VueMarkdown);
}