58 lines
1.9 KiB
Vue
58 lines
1.9 KiB
Vue
<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> |