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>