Highest level unlocked will automatically be selected

Author: SethSharp

resources/js/Components/LessonCard.vue

@@ -10,6 +10,7 @@ defineProps(["title", "description", "image"]);
         </div>
         <div class="flex flex-wrap w-full p-3">
             <div class="w-full md:w-1/2 grid place-items-center mb-4 md:mb-0 p-4 sm:p-0">
+                <!-- <div class="w-3/4 h-full border-black border-2"> </div> -->
                 <img class="border-black border-2"
                     :src="image"
                     :alt="image"

resources/js/Pages/Dashboard.vue

@@ -13,7 +13,11 @@
                 'prevSelected': 0
             }
         },created() {
-            this.changeLessonCard(0);
+            var i = 1;
+            for (; i < this.lessonData.length; i++) {
+                if (this.lessonData[i].unlocked) continue; else break;
+            }
+            this.changeLessonCard(i-1);
         }, methods: {
             changeLessonCard: function(index) {
                 if (!this.lessonData[index].unlocked) {

routes/web.php

@@ -28,8 +28,8 @@
     $data = [
         ['title'=>'Lesson - 1', 'desc'=>'Lesson 1 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>true],
         ['title'=>'Lesson - 2', 'desc'=>'Lesson 2 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>true],
-        ['title'=>'Lesson - 3', 'desc'=>'Lesson 3 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>true],
-        ['title'=>'Lesson - 4', 'desc'=>'Lesson 4 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>true],
+        ['title'=>'Lesson - 3', 'desc'=>'Lesson 3 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>false],
+        ['title'=>'Lesson - 4', 'desc'=>'Lesson 4 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>false],
         ['title'=>'Lesson - 5', 'desc'=>'Lesson 5 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>false],
         ['title'=>'Lesson - 6', 'desc'=>'Lesson 6 desc', 'src'=>'/images/placeholder.png', 'selected'=>false, 'unlocked'=>false]
     ];