update this.$vuetube to use promises & bug fixes

NUXT/pages/about.vue

@@ -1,13 +1,34 @@
 <template>
-  <center class="pageTitle">
-    <h1>VueTube</h1>
-    <v-btn><v-icon>mdi-github</v-icon></v-btn>
-    <v-btn><v-icon>mdi-discord</v-icon></v-btn>
+  <center style="padding: 1em;">
+
+    <v-img src="/icon.svg" width="100px" />
+    <h1 class="pageTitle">VueTube</h1>
+
+    <v-btn @click="openExternal('https://github.com/Frontesque/VueTube')"><v-icon>mdi-github</v-icon></v-btn>
+    <v-btn @click="openExternal('https://discord.gg/7P8KJrdd5W')"><v-icon>mdi-discord</v-icon></v-btn>
+    <p>App Version: {{ version }}</p>
   </center>
 </template>
 
 <style scoped>
 .pageTitle {
-  margin-bottom: 2em;
+  margin-bottom: 1em;
 }
 </style>
+
+<script>
+import { Browser } from '@capacitor/browser';
+
+export default {
+  data() {
+    return {
+      version: process.env.appVersion
+    }
+  },
+  methods: {
+    async openExternal(url) {
+      await Browser.open({ url: url });
+    }
+  }
+}
+</script>

NUXT/pages/updates.vue

@@ -51,14 +51,13 @@ export default {
       commits: new Array()
     }
   },
-  mounted() {
-    this.$vuetube.commits((commits) => {
-      if (commits[0].sha) { //If Commit Valid
-        this.commits = commits;
-      } else {
-        console.log(commits)
-      }
-    })
+  async mounted() {
+    const commits = await this.$vuetube.commits;
+    if (commits[0].sha) { //If Commit Valid
+      this.commits = commits;
+    } else {
+      console.log(commits)
+    }
   },
   methods: {
     async openExternal(item) {

NUXT/plugins/vuetube.js

@@ -4,19 +4,21 @@ import { Http } from '@capacitor-community/http';
 const module = {
 
   //---   Get GitHub Commits   ---//
-  commits(callback) {
+  commits: new Promise((resolve, reject) => {
+
     Http.request({
       method: 'GET',
       url: "https://api.github.com/repos/Frontesque/VueTube/commits",
       params: { }
     })
     .then((res) => {
-      callback(res.data)
+      resolve(res.data)
     })
     .catch((err) => {
-      callback(err)
+      reject(err)
     });
-  }
+
+  })
 
 }