aboutsummaryrefslogtreecommitdiff
path: root/src/pages/WorkoutPage.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/WorkoutPage.vue')
-rw-r--r--src/pages/WorkoutPage.vue36
1 files changed, 36 insertions, 0 deletions
diff --git a/src/pages/WorkoutPage.vue b/src/pages/WorkoutPage.vue
new file mode 100644
index 0000000..8a7f59f
--- /dev/null
+++ b/src/pages/WorkoutPage.vue
@@ -0,0 +1,36 @@
+<template>
+ <q-page class="row q-pa-md q-gutter-md column">
+ <q-card v-for="(workout, index) in history" :key="index">
+ <q-card-section>
+ {{ workout.type }}
+ {{ workout.total_time }} minutes
+ {{ workout.distance }} miles
+ {{ workout.calories }} calories
+ </q-card-section>
+ </q-card>
+ </q-page>
+</template>
+
+<script>
+import { defineComponent, ref } from 'vue'
+import {
+} from '../api.js'
+
+export default defineComponent({
+ name: 'WorkoutPage',
+ setup(){
+ let history = ref([
+ {
+ "created": Date.now(),
+ "type": "stationary bike",
+ "total_time": 29,
+ "distance": 8.0,
+ "calories": 270,
+ },
+ ])
+ return {
+ history
+ }
+ }
+})
+</script>