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>

resources/js/components/WordleRow.vue

@@ -0,0 +1,4 @@
+<template>
+    asdf
+
+</template> 

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">

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 {