update reminder

NUXT/components/updateChecker.vue

@@ -0,0 +1,37 @@
+<template>
+    <div>
+        <v-snackbar v-model="updateSnackbar" class="updateBar" :timeout="updateSnackbarTimeout">
+        {{ updateSnackbarText }}
+
+        <template v-slot:action="{ attrs }">
+            <v-btn color="primary" text v-bind="attrs" @click="snackbar = false">Close</v-btn>
+        </template>
+        </v-snackbar>
+    </div>
+</template>
+
+<style scoped>
+.updateBar {
+    z-index: 99999999;
+    
+}
+</style>
+
+<script>
+export default {
+    data() {
+        return {
+            updateSnackbar: false,
+            updateSnackbarText: "An update is available",
+            updateSnackbarTimeout: 5000
+        }
+    },
+    
+    async mounted() {
+        const commits = await this.$vuetube.commits;
+        if (commits[0].sha != process.env.appVersion) {
+            this.updateSnackbar = true;
+        }
+    },
+}
+</script>

NUXT/layouts/default.vue

@@ -45,6 +45,8 @@
 
     <bottomNavigation v-if="!search" />
 
+    <updateChecker />
+
 
   </v-app>
 </template>

readme.md

@@ -10,7 +10,7 @@ An open source YouTube client
 <!-- ## Links -->
 
 ## Features
-- 🎨 Themes: Light, Dark, AMOLED
+- 🎨 Themes: Light, Dark, OLED
 - 🔍 Search: Basic (Advanced search in progress)
 - ⬆️ Auto Update: Be notified when an update is available & downgrade if you dislike it!