single expand get set

client/src/modules/products/index.vue

@@ -16,7 +16,7 @@ export default {
       "dialogHeaders",
       "productList",
       "filteredProductList",
-      "singleExpand",
+      "getSingleExpand",
       "getExpanded",
       "dialog",
       "loading",
@@ -40,6 +40,7 @@ export default {
         this.setOptions(data);
       },
     },
+
     expanded: {
       get() {
         return this.getExpanded;
@@ -48,6 +49,15 @@ export default {
         this.setExpanded(data);
       },
     },
+
+    singleExpand: {
+      get() {
+        return this.getSingleExpand;
+      },
+      set(data) {
+        this.setSingleExpand(data);
+      },
+    },
   },
   methods: {
     ...mapActions("products", [
@@ -59,6 +69,7 @@ export default {
       "saveProduct",
       "editProduct",
       "setExpanded",
+      "setSingleExpand",
       "setOptions",
     ]),
   },
@@ -171,7 +182,6 @@ export default {
               v-model="singleExpand"
               label="Single expand"
               class="mt-2"
-              @change="toggleSingleExpand"
             ></v-switch>
           </v-toolbar>
 

client/src/modules/products/store/actions.js

@@ -25,18 +25,19 @@ export default {
       });
   },
 
-  toggleSingleExpand({ commit }) {
-    commit("setSingleExpand");
-  },
-
   setOptions({ commit, dispatch }, data) {
     commit("setOptions", data);
     dispatch("fetchProductData");
   },
+
   setExpanded({ commit }, data) {
     commit("setExpanded", data);
   },
 
+  setSingleExpand({ commit }, data) {
+    commit("setSingleExpand", data);
+  },
+
   closeDialog({ commit }) {
     commit("setDialog", false);
   },

client/src/modules/products/store/getters.js

@@ -38,7 +38,7 @@ export default {
   productList(state) {
     return state.productList;
   },
-  singleExpand(state) {
+  getSingleExpand(state) {
     return state.singleExpand;
   },
   getExpanded(state) {

client/src/modules/products/store/mutations.js

@@ -4,6 +4,7 @@ export default {
   },
   setSingleExpand(state) {
     state.singleExpand = !state.singleExpand;
+    return state.singleExpand;
   },
   setExpanded(state) {
     return state.expanded;

client/src/modules/products/store/state.js

@@ -2,7 +2,7 @@ export default () => ({
   productList: [],
   expanded: [],
   filteredProductList: [],
-  singleExpand: true,
+  singleExpand: false,
   editedIndex: -1,
   editedItem: {},
   dialog: false,

server/db.json

@@ -762,6 +762,17 @@
       "image": "https://picsum.photos/536/354",
       "productDescription": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse finibus leo eros, et sodales dui rhoncus vitae. Proin porttitor maximus maximus. Duis quis massa ",
       "id": "mjBZFkk"
+    },
+    {
+      "productName": "Iphone 14",
+      "type": "Phone",
+      "productMaterial": "Steel",
+      "department": "Electronics",
+      "color": "red",
+      "price": "1000.00",
+      "image": "https://assets.mmsrg.com/isr/166325/c1/-/ASSET_MMS_89722915/mobile_786_587_png/APPLE-iPhone-11-128GB-Ak%C4%B1ll%C4%B1-Telefon-Siyah",
+      "productDescription": " Ürün Tipi:     Akıllı Telefon İşletim Sistemi:     iOS 13 İşlemci:     A13 Bionic Çip Bellek Kapasitesi:     128 GB Arttırılabilir Hafıza:     Hayır RAM Bellek Boyutu:     4 GB Sensörler:     Barometre, Jiroskop, Pusula, Yakınlık Sensörü, Ortam Işığı Sensörü, İvmeölçer ",
+      "id": "tol9bOj"
     }
   ],
   "customers": [