mobile - Yampi Developer Portal

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

Prop	Tipo	Valor padrão	Descrição
`mobileAt`	`Number`	`700`	Largura máxima em pixels para considerar o dispositivo mobile.

Computed injetados

Computed	Tipo	Descrição
`isMobile`	`Boolean`	`true` 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.

⌘I