exercises from the json file are now read in the specific view
roberts
parent
6cfe95c5ee
commit
cb586bdddb
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
||||||
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./logo.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Gym Tracker</title><script type="module" crossorigin src="./assets/index-fc3f27a6.js"></script></head><body><div id="app"></div></body></html>
|
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./logo.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Gym Tracker</title><script type="module" crossorigin src="./assets/index-505cb6e5.js"></script></head><body><div id="app"></div></body></html>
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
"muscle" [
|
{ "muscle": [
|
||||||
{
|
{
|
||||||
"name": "Legs",
|
"name": "Legs",
|
||||||
"exercises":
|
"exercises":
|
||||||
|
|
@ -760,4 +760,4 @@
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
export default muscleExercise;
|
}
|
||||||
|
|
@ -11,54 +11,6 @@ const router = createRouter({
|
||||||
component: HomeView
|
component: HomeView
|
||||||
},
|
},
|
||||||
{... MusclesRouter},
|
{... MusclesRouter},
|
||||||
// {
|
|
||||||
// path: '/chest',
|
|
||||||
// name: 'chest',
|
|
||||||
// // route level code-splitting
|
|
||||||
// // this generates a separate chunk (About.[hash].js) for this route
|
|
||||||
// // which is lazy-loaded when the route is visited.
|
|
||||||
// component: () => import('../views/Muscles/ChestView.vue')
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// path: '/shoulder',
|
|
||||||
// name: 'shoulder',
|
|
||||||
// // route level code-splitting
|
|
||||||
// // this generates a separate chunk (About.[hash].js) for this route
|
|
||||||
// // which is lazy-loaded when the route is visited.
|
|
||||||
// component: () => import('../views/Muscles/ShoulderView.vue')
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// path: '/legs',
|
|
||||||
// name: 'legs',
|
|
||||||
// // route level code-splitting
|
|
||||||
// // this generates a separate chunk (About.[hash].js) for this route
|
|
||||||
// // which is lazy-loaded when the route is visited.
|
|
||||||
// component: () => import('../views/Muscles/LegsView.vue')
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// path: '/back',
|
|
||||||
// name: 'back',
|
|
||||||
// // route level code-splitting
|
|
||||||
// // this generates a separate chunk (About.[hash].js) for this route
|
|
||||||
// // which is lazy-loaded when the route is visited.
|
|
||||||
// component: () => import('../views/Muscles/BackView.vue')
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// path: '/biceps',
|
|
||||||
// name: 'biceps',
|
|
||||||
// // route level code-splitting
|
|
||||||
// // this generates a separate chunk (About.[hash].js) for this route
|
|
||||||
// // which is lazy-loaded when the route is visited.
|
|
||||||
// component: () => import('../views/Muscles/BicepsView.vue')
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// path: '/triceps',
|
|
||||||
// name: 'triceps',
|
|
||||||
// // route level code-splitting
|
|
||||||
// // this generates a separate chunk (About.[hash].js) for this route
|
|
||||||
// // which is lazy-loaded when the route is visited.
|
|
||||||
// component: () => import('../views/Muscles/TricepsView.vue')
|
|
||||||
// },
|
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,10 +2,9 @@ import {defineStore} from 'pinia'
|
||||||
import muscleExercise from '../assets/muscleExercise';
|
import muscleExercise from '../assets/muscleExercise';
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
|
|
||||||
export const usePostStore = defineStore('post', () => {
|
export const usePostStore = defineStore('json', () => {
|
||||||
const postList = ref([])
|
const postList = ref([])
|
||||||
const currentPost = ref(null)
|
const error = ref([])
|
||||||
const error = ref(null)
|
|
||||||
|
|
||||||
async function fetchMuscleExercise() {
|
async function fetchMuscleExercise() {
|
||||||
postList.value = muscleExercise
|
postList.value = muscleExercise
|
||||||
|
|
@ -14,7 +13,6 @@ export const usePostStore = defineStore('post', () => {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
postList,
|
postList,
|
||||||
currentPost,
|
|
||||||
error,
|
error,
|
||||||
fetchMuscleExercise
|
fetchMuscleExercise
|
||||||
}
|
}
|
||||||
|
|
@ -1,12 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="back">
|
<div class="back">
|
||||||
<h1>Back</h1>
|
<h1>Back</h1>
|
||||||
|
<label> Search</label>
|
||||||
|
<button v-for="exercise in exercises" :key="exercise.name">
|
||||||
|
{{exercise.name}}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
|
||||||
|
|
||||||
</script>
|
<script setup>
|
||||||
|
import { usePostStore } from '@/stores/store.js'
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
|
||||||
|
const json = usePostStore()
|
||||||
|
const exercises = ref([])
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await json.fetchMuscleExercise()
|
||||||
|
exercises.value = json.postList.muscle[1].exercises
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="biceps">
|
<div class="biceps">
|
||||||
<h1>Biceps</h1>
|
<h1>Biceps</h1>
|
||||||
|
<label> Search</label>
|
||||||
|
<button v-for="exercise in exercises" :key="exercise.name">
|
||||||
|
{{exercise.name}}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
|
||||||
|
|
||||||
</script>
|
<script setup>
|
||||||
|
import { usePostStore } from '@/stores/store.js'
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
|
||||||
|
const json = usePostStore()
|
||||||
|
const exercises = ref([])
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await json.fetchMuscleExercise()
|
||||||
|
exercises.value = json.postList.muscle[4].exercises
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="chest">
|
<div class="chest">
|
||||||
<h1>Chest</h1>
|
<h1>Chest</h1>
|
||||||
</div>
|
<label> Search</label>
|
||||||
</template>
|
<button v-for="exercise in exercises" :key="exercise.name">
|
||||||
|
{{exercise.name}}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import { usePostStore } from '@/stores/store.js'
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
|
||||||
</script>
|
const json = usePostStore()
|
||||||
|
const exercises = ref([])
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await json.fetchMuscleExercise()
|
||||||
|
exercises.value = json.postList.muscle[2].exercises
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
</script>
|
||||||
<style>
|
<style>
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
.about {
|
.about {
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,25 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="legs">
|
<div class="legs">
|
||||||
<h1>Legs</h1>
|
<h1>Legs</h1>
|
||||||
<div v-for="post in post.postList">
|
<label> Search</label>
|
||||||
<h2>{{post.exercise}}</h2>
|
<button v-for="exercise in exercises" :key="exercise.name">
|
||||||
<p>{{post.body}}</p>
|
{{exercise.name}}
|
||||||
</div>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { usePostStore } from '@/stores/post.js'
|
import { usePostStore } from '@/stores/store.js'
|
||||||
import { onMounted } from 'vue';
|
import { onMounted, ref } from 'vue';
|
||||||
|
|
||||||
const post = usePostStore()
|
const json = usePostStore()
|
||||||
|
const exercises = ref([])
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(async () => {
|
||||||
post.fetchMuscleExercise()
|
await json.fetchMuscleExercise()
|
||||||
}
|
exercises.value = json.postList.muscle[0].exercises
|
||||||
)
|
}
|
||||||
|
)
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="shoulder">
|
<div class="shoulder">
|
||||||
<h1>Shoulder</h1>
|
<h1>Shoulder</h1>
|
||||||
|
<label> Search</label>
|
||||||
|
<button v-for="exercise in exercises" :key="exercise.name">
|
||||||
|
{{exercise.name}}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import { usePostStore } from '@/stores/store.js'
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
|
||||||
</script>
|
const json = usePostStore()
|
||||||
|
const exercises = ref([])
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await json.fetchMuscleExercise()
|
||||||
|
exercises.value = json.postList.muscle[3].exercises
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="triceps">
|
<div class="triceps">
|
||||||
<h1><button>Triceps</button></h1>
|
<h1><button>Triceps</button></h1>
|
||||||
|
<label> Search</label>
|
||||||
|
<button v-for="exercise in exercises" :key="exercise.name">
|
||||||
|
{{exercise.name}}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import { usePostStore } from '@/stores/store.js'
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
|
||||||
</script>
|
const json = usePostStore()
|
||||||
|
const exercises = ref([])
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await json.fetchMuscleExercise()
|
||||||
|
exercises.value = json.postList.muscle[5].exercises
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue