add alert boxes for registrations opening soon

src/views/AfricanRumble.vue

@@ -26,7 +26,7 @@
         </div>
       </div>
       <div class="register">
-        <a class="btn" href="https://www.youtube.com/watch?v=GtL1huin9EE">Signups soon</a>
+        <a class="btn" href="https://www.youtube.com/watch?v=GtL1huin9EE" @click.prevent="signup">Signups soon</a>
       </div>
     </section>
     <section class="trailer">
@@ -44,6 +44,9 @@ export default {
   methods: {
     goback() {
       this.$router.push('/regionalrumble');
+    },
+    signup() {
+      alert('Registrations open soon!');
     }
   },
 }

src/views/AsianRumble.vue

@@ -27,7 +27,7 @@
         </div>
       </div>
       <div class="register">
-        <a class="btn" href="https://www.youtube.com/watch?v=GtL1huin9EE">Signups soon</a>
+        <a class="btn" href="https://www.youtube.com/watch?v=GtL1huin9EE" @click.prevent="signup">Signups soon</a>
       </div>
     </section>
     <section class="trailer">
@@ -45,6 +45,9 @@ export default {
   methods: {
     goback() {
       this.$router.push('/regionalrumble');
+    },
+    signup() {
+      alert('Registrations open soon!');
     }
   },
 }

src/views/MERumble.vue

@@ -27,7 +27,7 @@
         </div>
       </div>
       <div class="register">
-        <a class="btn" href="https://www.youtube.com/watch?v=GtL1huin9EE">Signups soon</a>
+        <a class="btn" href="https://www.youtube.com/watch?v=GtL1huin9EE" @click.prevent="signup">Signups soon</a>
       </div>
     </section>
     <section class="trailer">
@@ -45,6 +45,9 @@ export default {
   methods: {
     goback() {
       this.$router.push('/regionalrumble');
+    },
+    signup() {
+      alert('Registrations open soon!');
     }
   },
 }