# Favourites


import Favourites from "mela-store";

# Example:

<favourites
  :products="products"
  @move-to-cart="moveToCart"
  @delete-product="deleteProductFromFavourites"
>
</favourites>

To replace native a link tags with a vue link or nuxt link, you replace the default using the available slot.

<!-- vue -->
<template v-slot:product-link="{ item }">
    <VueLink :to="item.link" class="melastore-product-title">
      {{ item.title }}
    </VueLink>
</template>

<!-- nuxt -->
<template v-slot:product-link="{ item }">
    <NuxtLink :to="item.link" class="melastore-product-title">
      {{ item.title }}
    </NuxtLink>
</template>

# Props

Name
Type
Default
Description
productsarray[]An array of items/products in user's cart.

# Slots

Name
Scopes
Description
product-linkitem - product objectThe 'Product Link' content

# Events

Name
Arguments
Description
delete-productproduct - selected product objectDeletes selected product from cart
move-to-cartproduct - selected product objectMoves item from favourites to cart

# Notes

  1. Object keys in products props array should satisfy default values.

← Lander →