import Vue from "vue";

export default Vue.extend({
    computed: {
        showMobileHeader(): boolean {
            return this.$mq === 'small' || this.isMobile;
        },
        isMobile(): boolean {
            return this.$mq === 'extraSmall' || this.$mq === 'verySmall';
        },
        isMediumDevice(): boolean {
            return this.$mq === 'small' || this.isMobile;
        },
        isTablet(): boolean {
            return this.$mq === 'medium' || this.$mq === 'vuetifyBreakpoint' || this.$mq === 'small';
        },
        isDesktop(): boolean {
            return this.$mq === 'extraLarge' || this.$mq === 'large' || this.$mq === 'notebook';
        },
        isExtraLarge(): boolean {
            return this.$mq === 'extraLarge';
        },
    },
});