feat:

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>

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>

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>

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);

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