feat: ✨ Update Screen

NUXT/pages/activities/install.vue

@@ -76,8 +76,8 @@ import language from '~/components/Settings/language.vue';
             this.stage++;
 
             if (!this.$refs["stage"+this.stage]) {
-                localStorage.setItem("lastRunVersion", process.env.appVersion)
-                localStorage.setItem("firstTimeSetupComplete", true)
+                localStorage.setItem("lastRunVersion", process.env.appVersion);
+                localStorage.setItem("firstTimeSetupComplete", true);
                 this.$router.replace('/');
             }
 

NUXT/pages/activities/update.vue

@@ -8,6 +8,7 @@
             :class="$vuetify.theme.dark ? '' : 'invert'"
         />
         <h1>{{ lang.updated }}</h1>
+        <p><span class="version">{{ oldVer }}</span> <v-icon>mdi-arrow-right</v-icon> <span class="version">{{ newVer }}</span></p>
     </center>
 
     <v-btn @click="okay()" class="rounded-xl primary nextButton">{{ lang.awesome }} <v-icon style="margin-left: 0.5em;">mdi-arrow-right</v-icon></v-btn>
@@ -22,17 +23,15 @@
     transform: translate(-50%, 0);
 }
 
-.hidden {
-    display: none;
-}
-
-.fullWidth {
-    width: 100%;
-}
-
 .container {
     width: 100%;
 }
+
+.version {
+    background: rgba(100,100,100,0.5);
+    border-radius: 3px;
+    padding: 3px;
+}
 </style>
 
 <script>
@@ -45,13 +44,19 @@ import language from '~/components/Settings/language.vue';
     data() {
         return {
             lang: {},
+            newVer: "...",
+            oldVer: "..."
         }
     },
     mounted() {
         this.lang = this.$lang("events");
+
+        this.oldVer = localStorage.getItem("lastRunVersion").substring(0, 7);
+        this.newVer = process.env.appVersion.substring(0, 7);
     },
     methods: {
         okay() {
+            localStorage.setItem("lastRunVersion", process.env.appVersion);
             this.$router.replace('/');
         }
     }

NUXT/pages/index.vue

@@ -21,8 +21,11 @@ export default {
     progressMsg: "...",
   }),
   async mounted() {
-    this.progressMsg = this.$lang("index").connecting;
+    //---   Update Screen   ---//
+    if (localStorage.getItem("lastRunVersion") != process.env.appVersion ) return this.$router.replace('/activities/update');
 
+    //---   Init Stuff   ---//
+    this.progressMsg = this.$lang("index").connecting;
     this.$store.commit("tweaks/initTweaks");
 
     await this.theming();
@@ -30,8 +33,6 @@ export default {
     await this.$vuetube.launchBackHandling();
     this.progressMsg = this.$lang("index").launching;
 
-    localStorage.setItem("lastRunVersion", process.env.appVersion)
-
     if (localStorage.getItem("firstTimeSetupComplete")) {
       this.$router.replace('/'+ (localStorage.getItem("startPage") || "home") ); // Normal Load
     } else {