From 28f50a7e93fd6d71f790aafd5679ea3a75624b0f Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Fri, 10 Mar 2023 22:34:16 -0500
Subject: [PATCH] structure for summary and mins left to practice today

---
 src/App.vue                                    | 14 +++++++++-----
 src/components/mins_left_to_practice_today.vue |  9 +++++++++
 src/components/summary.vue                     |  9 +++++++++
 3 files changed, 27 insertions(+), 5 deletions(-)
 create mode 100644 src/components/mins_left_to_practice_today.vue
 create mode 100644 src/components/summary.vue

diff --git a/src/App.vue b/src/App.vue
index 5db9bba..8cae621 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/components/mins_left_to_practice_today.vue b/src/components/mins_left_to_practice_today.vue
new file mode 100644
index 0000000..cc25c2e
--- /dev/null
+++ b/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>
diff --git a/src/components/summary.vue b/src/components/summary.vue
new file mode 100644
index 0000000..c4a2300
--- /dev/null
+++ b/src/components/summary.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+	<h2>Summary</h2>
+</template>
+
+<style scoped>
+</style>