diff --git a/resources/js/components/Wordle.vue b/resources/js/components/Wordle.vue
new file mode 100644
index 0000000..d0257f6
--- /dev/null
+++ b/resources/js/components/Wordle.vue
@@ -0,0 +1,21 @@
+<template>
+    <Modal>
+        <template v-for="i in max_guesses">
+            <WordleRow/> 
+        </template>
+    </Modal>
+
+</template>
+
+<script lang="ts">
+import Modal from './Modal.vue';
+import WordleRow from './WordleRow.vue';
+
+    export default {
+        data() {
+            return {
+                max_guesses: 5,
+            }
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/resources/js/components/WordleRow.vue b/resources/js/components/WordleRow.vue
new file mode 100644
index 0000000..2607f61
--- /dev/null
+++ b/resources/js/components/WordleRow.vue
@@ -0,0 +1,4 @@
+<template>
+    asdf
+
+</template> 
diff --git a/resources/js/pages/HomeView.vue b/resources/js/pages/HomeView.vue
index c32c34d..1b3d261 100644
--- a/resources/js/pages/HomeView.vue
+++ b/resources/js/pages/HomeView.vue
@@ -3,6 +3,7 @@
   import GuessWord from '../components/GuessWord.vue';
   import Modal from '../components/Modal.vue';
   import Review from '../components/Review.vue';
+import Wordle from '../components/Wordle.vue';
 </script>
 
 <script lang="ts">
diff --git a/resources/js/pages/SuggestionView.vue b/resources/js/pages/SuggestionView.vue
index 363759d..d956e2a 100644
--- a/resources/js/pages/SuggestionView.vue
+++ b/resources/js/pages/SuggestionView.vue
@@ -53,8 +53,6 @@ import Modal from '../components/Modal.vue';
 
 <script lang="ts">
 import axios from 'axios';
-
-
     export default {
         data() {
             return {