From a583aec65cb62a60ad541ba30e737125e1669ed0 Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Tue, 14 Jun 2022 20:08:45 -0400
Subject: [PATCH] feat:

---
 NUXT/layouts/default.vue          |  8 ++++++++
 NUXT/pages/activities/update.vue  | 29 +++++++++++++++++++++++++++++
 NUXT/pages/activities/welcome.vue | 30 ++++++++++++++++++++++++++++++
 NUXT/pages/index.vue              | 31 +++++++++++++------------------
 NUXT/plugins/languages/english.js |  8 ++++++++
 5 files changed, 88 insertions(+), 18 deletions(-)
 create mode 100644 NUXT/pages/activities/update.vue
 create mode 100644 NUXT/pages/activities/welcome.vue

diff --git a/NUXT/layouts/default.vue b/NUXT/layouts/default.vue
index 6d2a027..9d1f141 100644
--- a/NUXT/layouts/default.vue
+++ b/NUXT/layouts/default.vue
@@ -318,6 +318,14 @@ div {
 .fill-width {
   width: 100% !important;
 }
+
+.container {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 </style>
 
 <style scoped>
diff --git a/NUXT/pages/activities/update.vue b/NUXT/pages/activities/update.vue
new file mode 100644
index 0000000..d24ce66
--- /dev/null
+++ b/NUXT/pages/activities/update.vue
@@ -0,0 +1,29 @@
+<template>
+<div class="container">
+    <center>
+        <v-img
+            src="/icon.svg"
+            width="10rem"
+            height="10rem"
+            :class="$vuetify.theme.dark ? '' : 'invert'"
+        />
+        <h1>{{ lang.updated }}</h1>
+        <v-btn class="rounded-xl primary">{{ lang.awesome }}</v-btn>
+    </center>
+</div>
+</template>
+
+<script>
+export default {
+    layout: "empty",
+
+    data() {
+        return {
+            lang: {}
+        }
+    },
+    mounted() {
+        this.lang = this.$lang("events");
+    }
+}
+</script>
\ No newline at end of file
diff --git a/NUXT/pages/activities/welcome.vue b/NUXT/pages/activities/welcome.vue
new file mode 100644
index 0000000..d65c9dd
--- /dev/null
+++ b/NUXT/pages/activities/welcome.vue
@@ -0,0 +1,30 @@
+<template>
+<div class="container">
+    <center>
+        <v-img
+            src="/icon.svg"
+            width="10rem"
+            height="10rem"
+            :class="$vuetify.theme.dark ? '' : 'invert'"
+        />
+        <h1>{{ lang.welcome }}</h1>
+        <p>{{ lang.tagline }}</p>
+        <v-btn class="rounded-xl primary">{{ lang.next }} <v-icon style="margin-left: 0.5em;">mdi-arrow-right</v-icon></v-btn>
+    </center>
+</div>
+</template>
+
+<script>
+export default {
+    layout: "empty",
+
+    data() {
+        return {
+            lang: {}
+        }
+    },
+    mounted() {
+        this.lang = this.$lang("events");
+    }
+}
+</script>
\ No newline at end of file
diff --git a/NUXT/pages/index.vue b/NUXT/pages/index.vue
index bf2f41e..ebe67f3 100644
--- a/NUXT/pages/index.vue
+++ b/NUXT/pages/index.vue
@@ -24,7 +24,16 @@ export default {
     this.progressMsg = this.$lang("index").connecting;
 
     this.$store.commit("tweaks/initTweaks");
-    const theming = new Promise((resolve) =>
+
+    await this.theming;
+    await this.$youtube.getAPI();
+    await this.$vuetube.launchBackHandling();
+    this.progressMsg = this.$lang("index").launching;
+
+    this.$router.replace(`/${localStorage.getItem("startPage") || "home"}`); // Prevent user from navigating back to the splash screen
+  },
+  methods: {
+    theming() { return new Promise((resolve) =>
       // Set timeout is required for $vuetify.theme... dont ask me why -Front
       setTimeout(() => {
         this.$vuetify.theme.dark =
@@ -55,26 +64,12 @@ export default {
         // this.$vuetube.statusBar.setTransparent();
         resolve();
       }, 0)
-    );
-
-    await theming;
-    await this.$youtube.getAPI();
-    await this.$vuetube.launchBackHandling();
-    this.progressMsg = this.$lang("index").launching;
-
-    this.$router.replace(`/${localStorage.getItem("startPage") || "home"}`); // Prevent user from navigating back to the splash screen
-  },
-};
+    )}
+  }
+}
 </script>
 
 <style>
-.container {
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
 .intro {
   opacity: 0;
   transform: scale(0.5);
diff --git a/NUXT/plugins/languages/english.js b/NUXT/plugins/languages/english.js
index 3d28f73..9cfcbac 100644
--- a/NUXT/plugins/languages/english.js
+++ b/NUXT/plugins/languages/english.js
@@ -38,6 +38,14 @@ module.exports = {
       github: "GitHub",
       discord: "Discord"
     }
+  },
+
+  events: {
+    welcome: "Welcome to VueTube",
+    tagline: "The future of video streaming",
+    next: "Next",
+    updated: "VueTube Was Updated!",
+    awesome: "Awesome!"
   }