/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */
// importando vue
import { createApp } from 'vue';
import { createPinia } from 'pinia';

// importando componentes
import Vue3Toastify from 'vue3-toastify';
import DataTable from 'datatables.net-vue3';
import DataTablesLib from 'datatables.net';
import Select from 'datatables.net-select';
import NavBar from './components/layouts/NavBar.vue';
import SideBar from './components/layouts/SideBar.vue';
import Toast from './components/layouts/Toast.vue';
import Collapse from './components/layouts/Collapse.vue';
import ConfirmDialog from './components/layouts/ConfirmDialog.vue';
import LoginAuth from './components/auth/LoginAuth.vue';
import RegisterAuth from './components/auth/RegisterAuth.vue';
import CadastroCliente from './components/cliente/CadastroCliente.vue';
import ConsultaCliente from './components/cliente/ConsultaCliente.vue';
import CadastroAtendimento from './components/atendimento/CadastroAtendimento.vue';
import ConsultaAtendimento from './components/atendimento/ConsultaAtendimento.vue';
import PerfilUsuario from './components/usuario/PerfilUsuario.vue';
import DT from './components/dashboard/Datatable.vue';
import InfoCards from './components/dashboard/InfoCards.vue';
import VincularAtendimento from './components/atendimento/VincularAtendimento.vue';

// iniciando o vue
const pinia = createPinia();
const app = createApp({});

app.config.globalProperties.$appUrl = process.env.MIX_APP_URL;

app.use(pinia);
app.use(Vue3Toastify);

DataTable.use(Select);
DataTable.use(DataTablesLib);

// registrando os componentes vue
app.component('navbar', NavBar);
app.component('sidebar', SideBar);
app.component('toast', Toast);
app.component('collapse', Collapse);
app.component('ConfirmDialog', ConfirmDialog);

app.component('LoginAuth', LoginAuth);
app.component('RegisterAuth', RegisterAuth);

app.component('CadastroCliente', CadastroCliente);
app.component('ConsultaCliente', ConsultaCliente);

app.component('CadastroAtendimento', CadastroAtendimento);
app.component('ConsultaAtendimento', ConsultaAtendimento);

app.component('PerfilUsuario', PerfilUsuario);

app.component('InfoCards', InfoCards);
app.component('VincularAtendimento', VincularAtendimento);
app.component('datatable', DT);

// definindo local onde o vue será carregado
app.mount('#app');

require('./bootstrap');