# ProductListing

# Props

Name Type Description Default
data-items required Array
is-slider Boolean false
loop Boolean true
responsive Object function() { return { 0: { items: 1, mouseDrag: true, controls: true, }, 500: { items: 2, controls: true, }, 764: { items: 3, controls: true, }, 992: { items: 4, controls: true, mouseDrag: false, }, 1200: { items: 5, controls: true, }, }; }
list String ""
category String ""
extra-class Object () => {}

# Data

Name Type Description Initial value
controls array [ '<i class="icon icon-chevron-left"></i><span class="hidden-link-name">Navigate left</span>', '<i class="icon icon-chevron-right"></i><span class="hidden-link-name">Navigate right</span>', ]

# Computed Properties

Name Description
classes Dependencies: isSlider
categoryProductStats Dependencies: dataCategoryProducts
paginationItemsTotal Dependencies: dataCategoryProducts
curPage Dependencies: $route
curPerPage Dependencies: paginationPerPage
lastPage Dependencies: paginationItemsTotal, curPerPage
prevPage Dependencies: curPage
nextPage Dependencies: curPage