category

pages/category/index.vue

@@ -0,0 +1,58 @@
+<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>