structure for summary and mins left to practice today

src/App.vue

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

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>