fix

src/abstraction/resources/sportCategoryPorgramResource.js

@@ -1,6 +1,6 @@
 export const getJsonSportCategory = (data) => ({
-    id: data.sport_category.id,
-    name: data.sport_category.name,
-    local_name: data.sport_category.local_name,
-    language_id: data.sport_category.language_id,
+    id: data.id,
+    name: data.name,
+    local_name: data.local_name,
+    language_id: data.language_id,
 })

src/abstraction/resources/trainerProgramResource.js

@@ -1,11 +1,11 @@
 export const getJsonTrainer = (data) => ({
-    id: data.trainer.id,
-    first_name: data.trainer.first_name,
-    last_name: data.trainer.last_name,
-    birthday: data.trainer.birthday,
-    weight: data.trainer.weight,
-    height: data.trainer.height,
-    arm_diameter: data.trainer.arm_diameter,
-    leg_diameter: data.trainer.leg_diameter,
-    details: data.trainer.details
+    id: data.id,
+    first_name: data.first_name,
+    last_name: data.last_name,
+    birthday: data.birthday,
+    weight: data.weight,
+    height: data.height,
+    arm_diameter: data.arm_diameter,
+    leg_diameter: data.leg_diameter,
+    details: data.details
 })

src/components/Programs/Item.vue

@@ -37,7 +37,7 @@
       </div>
     </div>
     <div class="program__title">{{ program.title }}</div>
-    <div class="program__sub-title">{{ program.subTitle }}</div>
+    <div class="program__sub-title">{{ program.description }}</div>
     <div>
       <v-chip
         label
@@ -46,7 +46,7 @@
         class="mr-1 text-uppercase"
         x-small
       >
-        {{ program.sets }} sets
+        {{ program.series_count }} sets
       </v-chip>
       <v-chip
         label

src/components/Programs/Main.vue

@@ -40,7 +40,7 @@
           <v-col
             cols="12"
             sm="4"
-            v-for="program in programs"
+            v-for="program in getPrograms"
             :key="program.id"
             class="mb-3"
             ><ProgramItem :program="program"
@@ -54,10 +54,6 @@
   </div>
 </template>
 <script>
-import FirstImage from "../../assets/4070873.jpg";
-import SecondImage from "../../assets/a-bodybuilder-exhibits-his-muscular-physique-1024-768-0.jpg";
-import ThirdImage from "../../assets/5595849.jpg";
-import FourthImage from "../../assets/28-284379_photo-wallpaper-man-workout-gym-working-gym-workout.jpg";
 import FiltersModal from "./Modals/FiltersModal.vue";
 import SectionTitle from "../Global/Section/SectionTitle.vue";
 import ProgramItem from "./Item.vue";
@@ -76,43 +72,6 @@ export default {
   },
   created() {
     this.loadPrograms();
-    console.log("getPrograms", this.getPrograms);
   },
-  data: () => ({
-    programs: [
-      {
-        id: 1,
-        src: FirstImage,
-        title: "Gym Program Level 1",
-        subTitle: "The best move for shoulder abs",
-        sets: 3,
-        workout: 12,
-      },
-      {
-        id: 2,
-        src: SecondImage,
-        title: "Gym Program Level 1",
-        subTitle: "The best move for shoulder abs",
-        sets: 3,
-        workout: 12,
-      },
-      {
-        id: 3,
-        src: ThirdImage,
-        title: "Gym Program Level 1",
-        subTitle: "The best move for shoulder abs",
-        sets: 3,
-        workout: 12,
-      },
-      {
-        id: 4,
-        src: FourthImage,
-        title: "Gym Program Level 1",
-        subTitle: "The best move for shoulder abs",
-        sets: 3,
-        workout: 12,
-      },
-    ],
-  }),
 };
 </script>

src/store/modules/auth/actions.js

@@ -29,6 +29,7 @@ export default {
     async register({ commit }, data) {
         let repository = new AuthRepository();
         const response = await repository.register(data);
+        console.log(response);
         setTokenHeader(commit, response);
     },
-};
+}; 

src/store/modules/programs/actions.js

@@ -1,15 +1,9 @@
 import ProgramRepository from "@/abstraction/repository/programRepository";
 export default {
-    async loadPrograms({ state, commit }) {
-        try {
-            let data = { pagination: state.pagination };
-            let repository = new ProgramRepository();
-            const resource = await repository.index(data);
-            console.log(resource.data);
-            commit("SET_PROGRAMS", resource.data);
-            commit("SET_PAGINATION", resource.pagination);
-        } catch (e) {
-            return e;
-        }
-    },
+    async loadPrograms({ commit }) {
+        let repository = new ProgramRepository();
+        const resource = await repository.index();
+        commit("SET_PROGRAMS", resource.data);
+        commit("SET_PAGINATION", resource.pagination);
+    }
 };

src/store/modules/programs/getters.js

@@ -1,3 +1,4 @@
 export default {
     getPrograms: state => state.programs,
 };
+ 

src/store/modules/programs/mutations.js

@@ -8,4 +8,4 @@ export default {
         Vue.set(state, "pagination", pagination);
     },
 };
- 
+  

src/store/modules/programs/state.js

@@ -4,3 +4,4 @@ export default {
         itemsPerPage: 12
     },
 };
+