expanded properties fixed

client/src/modules/products/index.vue

@@ -8,8 +8,6 @@ export default {
       selected: [],
       column: "all",
       search: "",
-      expanded: [],
-      singleExpand: true,
     };
   },
   computed: {
@@ -18,7 +16,8 @@ export default {
       "dialogHeaders",
       "productList",
       "filteredProductList",
-
+      "singleExpand",
+      "expanded",
       "dialog",
       "editedItem",
       "editedIndex",

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

@@ -37,6 +37,12 @@ export default {
   productList(state) {
     return state.productList;
   },
+  singleExpand(state) {
+    return state.singleExpand;
+  },
+  expanded(state) {
+    return state.expanded;
+  },
   editedIndex(state) {
     return state.editedIndex;
   },

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

@@ -2,6 +2,9 @@ export default {
   setProductList(state, data) {
     state.productList = data;
   },
+  setSingleExpand(state) {
+    state.singleExpand = !state.singleExpand;
+  },
   setDialog(state, value) {
     state.dialog = value;
   },
@@ -12,6 +15,6 @@ export default {
     state.editedItem = item;
   },
   setfilteredProductList(state, data) {
-    state.filteredProductList = data;
+    state.filteredInventoryList = data;
   },
 };

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

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

server/db.json

@@ -773,6 +773,17 @@
       "productDescription": "The automobile layout consists of a front-engine design, with transaxle-type transmissions mounted at the rear of the engine and four wheel drive",
       "productMaterial": "Plastic",
       "image": "http://loremflickr.com/640/480/food"
+    },
+    {
+      "productName": "Test Product",
+      "type": "Fantastic",
+      "productMaterial": "Metal",
+      "department": "Home",
+      "color": "silver",
+      "price": "78",
+      "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"
     }
   ],
   "customers": [