<template>
<div>

<center>
    <h2>সব বিভাগ</h2>
</center>
    <v-row>
      <v-col v-for="link in links" :key="link.id" sm="6" lg="4" xl="3">
        <nuxt-link :to="`${link.link}`">
          <v-card class="mx-auto mb-1">
            <v-img :src="`${link.img}`" aspect-ratio="1.2"></v-img>
            <center>
                <v-card-text>
              <h2>{{ link.title }}</h2>
            </v-card-text>
            </center>
            

          </v-card>
        </nuxt-link>
      </v-col>
    </v-row>
</div>    
</template>
<script>
export default {
    data: () => ({
        links: [
            { img: '/images/service.jpeg', id:1, link: "/category/services", title: 'পরিসেবা ' },
            { img: '/images/jewl.jpeg', id:2, link: "/category/jewlry", title: 'গয়না ' },
            { img: '/images/cosm.jpeg', id:3, link: "/category/cosmetics", title: 'প্রসাধন  ' },
            { img: '/images/veg.jpeg', id:4, link: "/category/vegetables", title: 'সবজি ' },
            { img: '/images/fru.jpeg', id:5, link: "/category/fruits", title: 'ফল ' },
            { img: '/images/dres.jpeg', id:6, link: "/category/cloths", title: 'পরিধান ' },
            { img: '/images/gro.jpeg', id:7, link: "/category/grocery", title: 'মুদি ' },
            { img: '/images/bag.jpeg', id:8, link: "/bag", title: 'ব্যাগ ' },

        ],
    }),
    // mounted() {
    //     /// Retrieves cart from local storage when user first loads

    //     this.shoppingCart = JSON.parse(localStorage.getItem('shoppingCart') || "[]")

    // },
    // watch: {
    //     shoppingCart: {
    //         handler(newValue) {
    //             /// Updates the item in local storage

    //             localStorage.setItem(
    //                 'shoppingCart', JSON.stringify(newValue));

    //         }, deep: true
    //     }
    // }
}
</script>