mins left to practice today shows data

src/App.vue

@@ -8,8 +8,8 @@
 		<h1>Practice Tracker</h1>
 	</header>
 	<main>
-		<Summary/>
 		<MinsLeftToPracticeToday/>
+		<Summary/>
 	</main>
 </template>
 

src/components/mins_left_to_practice_today.vue

@@ -1,8 +1,23 @@
 <script lang="ts">
+	import axios from 'axios';
+
+	export default {
+		data() {
+			return {
+				time_left:0
+			}
+		},
+		mounted() {
+			axios.get(import.meta.env.VITE_PRACTICE_TRACKER_API_URL+'mins-left-to-practice-today').then((response)=>{
+				this.time_left= response.data.time_left;
+			})
+		}
+	}
 </script>
 
 <template>
 	<h2>Mins Left to Practice Today</h2>
+	{{time_left}}
 </template>
 
 <style scoped>

src/components/summary.vue

@@ -9,7 +9,6 @@
 		},
 		mounted() {
 			axios.get(import.meta.env.VITE_PRACTICE_TRACKER_API_URL+'summary').then((response)=>{
-				console.log(response.data);
 				this.categories = response.data
 			})
 		}