structure for summary and mins left to practice today

src/App.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+	import Summary from './components/summary.vue'
+	import MinsLeftToPracticeToday from './components/mins_left_to_practice_today.vue'
 </script>
 
 <template>
@@ -6,6 +8,8 @@
 		<h1>Practice Tracker</h1>
 	</header>
 	<main>
+		<Summary/>
+		<MinsLeftToPracticeToday/>
 	</main>
 </template>
 

src/components/mins_left_to_practice_today.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+	<h2>Mins Left to Practice Today</h2>
+</template>
+
+<style scoped>
+</style>

src/components/summary.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+	<h2>Summary</h2>
+</template>
+
+<style scoped>
+</style>