Untitled

require('./bootstrap');

import { createApp } from 'vue'
import App from './layouts/App'
import LaravelVuePagination from 'laravel-vue-pagination';
import router from './routes/index'
import swal from "vue-sweetalert2";
import { VueMaskDirective } from 'v-mask'
import Permissions from '../assets/mixins/Permissions';
import { createVuetify } from 'vuetify'
import 'vuetify/dist/vuetify.min.css';
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { aliases, mdi } from 'vuetify/iconsets/mdi'

const app = createApp(App)
const vMaskV2 = VueMaskDirective;
const vMaskV3 = {
    beforeMount: vMaskV2.bind,
    updated: vMaskV2.componentUpdated,
    unmounted: vMaskV2.unbind
};

const vuetify = createVuetify({
    icons: {
        defaultSet: 'mdi',
        aliases,
        sets: {
          mdi,
        },
    },
    components,
    directives
})

app.use(vuetify)
app.mixin(Permissions);
app.use(router)
app.use(swal)
app.component('Pagination', LaravelVuePagination)
app.directive('mask', vMaskV3)
app.mount('#app')
app.config.globalProperties.$filters = {
    formatDate(value) {
        if (value) {
            return moment(String(value)).format('DD/MM/YYYY')
        }
    },
    formatSoilTime(value) {
        if (value) {
            var durationDays = moment.duration(value, 'minutes').days();
            var durationHours = moment.duration(value, 'minutes').hours();
            var durationMinutes = moment.duration(value, 'minutes').minutes();

            var mommentFormated = moment('00:00', "HH:mm")
            .add(durationHours, "hours")
            .add(durationMinutes, "minutes")
            .format("HH:mm");

            return durationDays + ' Dia(s) ' + mommentFormated;
        }
    },
    formatHour(value) {
        if (value) {
            return moment(value, 'HH:mm').format('HH:mm');
        }
    },
    utcHour(hour, utc) {
        return moment(hour, 'HH:mm').add(utc, 'minutes').format('HH:mm');
    }
}