Skip to main content
Mixin reativo que monitora a largura da tela e expõe a computed isMobile. O breakpoint é configurável via prop mobileAt, permitindo que cada componente defina seu próprio ponto de quebra.

​
Uso

import mobileMixin from '@/mixins/mobile';

export default {
    mixins: [mobileMixin],
    // mobileAt padrão é 700px
};

<meu-componente :mobile-at="768" />

​
Props injetadas

PropTipoValor padrãoDescrição
mobileAtNumber700Largura máxima em pixels para considerar o dispositivo mobile.

​
Computed injetados

ComputedTipoDescrição
isMobileBooleantrue quando a largura da viewport é menor ou igual a mobileAt.

​
Comportamentos automáticos

  • No mounted, inicializa o módulo screen da store para começar a rastrear o tamanho da viewport.