Skip to main content
Mixin utilizado por componentes de filtro (Filters, CategoryOptions, SelectedFilters) para sincronizar o estado dos filtros ativos com a URL. Abstrai a lógica de ativação, desativação e parsing de filtros.

Uso

import queryParamsMixin from '@/mixins/queryParams';

export default {
    mixins: [queryParamsMixin],
    data: () => ({
        mainQueryString: 'brand_id', // chave usada na URL
    }),
};

Data injetada

PropriedadeTipoValor padrãoDescrição
mainQueryStringString''Chave do query param gerenciado por este componente (ex: 'brand_id', 'category_id').

Computed injetados

ComputedTipoDescrição
queryParamsObjectQuery params ativos na store.
isIframeBooleanIndica se está no iframe do editor (filtros desativados).
shouldUseNewSearchStrategyBooleanIndica se a loja usa a nova estratégia de busca.

Métodos injetados

MétodoParâmetrosDescrição
updateFilterAttributes{ filterData, allActiveFilters }Atualiza os atributos de filtro ativos na URL.
updateFilterStatusfilter: Object, status: BooleanAtiva ou desativa um filtro e atualiza a URL.
parseFilterStatusesfilters: ArraySincroniza o estado visual dos filtros com os query params da URL.
parseAttributesattributesString: StringConverte a string de atributos da URL para um array de filtros ativos.
checkFilterStatusfilter: Object, remove?: BooleanAdiciona ou remove um filtro da lista de filtros ativos.