//import Toastify from "toastify-js";
require('./bootstrap');
require('@fancyapps/fancybox');
//window.Toastify = Toastify;
window.Vue = require('vue');

// Vuex
// import Vuex from 'vuex';
import VoerroTagsInput from '@voerro/vue-tagsinput';

Vue.component('faq', require('./components/Faq.vue').default);
Vue.component('product-card', require('./components/ProductCard.vue').default);
Vue.component('products-cards-dnd', require('./components/ProductsCardsDnd.vue').default);
Vue.component('tags-input', VoerroTagsInput);
Vue.component('auto-complete-tags', require('./components/AutoCompleteTags.vue').default);
Vue.component('creneaux-exceptions', require('./components/CreneauxExceptions.vue').default);

const app = new Vue({
    el: '#app',
});

$(document).ready(function(){
    const tippyInstances = tippy('[data-tippy-content]');
    //just add a data-tippy-content attribute to any tag to show a tooltip
    const generictippy = createSingleton(tippyInstances, {
        allowHTML: true,
        delay: 500,
        animation: 'scale',
        moveTransition: 'transform 0.2s ease-out',
    });
});