chore: lint mods/update.vue and theme button text, fixes #490

NUXT/pages/mods/updates.vue

@@ -1,12 +1,22 @@
 <template>
-  <div style="padding: 2em;">
-    <v-icon x-large color="primary" style="padding-bottom: 0.25em;">mdi-cellphone-arrow-down</v-icon>
-    
+  <div style="padding: 2em">
+    <v-icon x-large color="primary" style="padding-bottom: 0.25em">
+      mdi-cellphone-arrow-down
+    </v-icon>
+
     <div v-if="status == 'checking'">
       <h1>{{ lang.checking }}</h1>
-      <div>{{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }}  {{ release }}</div>
+      <div>
+        {{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }}
+        {{ release }}
+      </div>
       <center>
-        <v-progress-circular indeterminate color="primary" size="75" style="padding-top: 10em;" />
+        <v-progress-circular
+          indeterminate
+          style="padding-top: 10em"
+          color="primary"
+          size="75"
+        />
       </center>
     </div>
 
@@ -15,46 +25,60 @@
       <p>{{ lang.noupdatemessage }}</p>
       <div class="bottom">
         <v-btn rounded @click="getLatest">{{ lang.refresh }}</v-btn>
-        <v-btn rounded color="primary" @click="$router.go(-1)">{{ lang.okay }}</v-btn>
+        <v-btn rounded color="primary" @click="$router.go(-1)">
+          {{ lang.okay }}
+        </v-btn>
       </div>
     </div>
 
     <div v-if="status == 'available'">
       <h1 v-if="!downloading">{{ lang.available }}</h1>
       <h1 v-if="downloading">{{ lang.updating }}</h1>
-      <div>{{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }}  {{ release }}</div>
+      <div>
+        {{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }}
+        {{ release }}
+      </div>
       <div>{{ lang.latest }}: {{ latestVersion.tag_name }}</div>
 
-      <div style="margin-top: 1em; color: #999;">
-        <div>{{ lang.published }}: {{ new Date(update.created_at).toLocaleString() }}</div>
-        <div>{{ lang.size }}: {{ require("~/plugins/utils").humanFileSize(update.size) }}</div>
+      <div style="margin-top: 1em; color: #999">
+        <div>
+          {{ lang.published }}:
+          {{ new Date(update.created_at).toLocaleString() }}
+        </div>
+        <div>
+          {{ lang.size }}:
+          {{ require("~/plugins/utils").humanFileSize(update.size) }}
+        </div>
         <div>{{ lang.users }}: {{ update.download_count }}</div>
       </div>
 
+      <div style="margin-top: 1em; color: #999"><b>Changelog</b></div>
+      <p style="white-space: pre-line; color: #999">
+        {{ latestVersion.body.trim() }}
+      </p>
 
-      <div style="margin-top: 1em; color: #999;"><b>Changelog</b></div>
-      <p style="white-space: pre-line;  color: #999;">{{ latestVersion.body.trim() }}</p>
+      <v-progress-linear
+        v-if="downloading"
+        style="position: absolute; top: 0; width: 100%; left: 0"
+        color="primary"
+        indeterminate
+      />
 
-      <v-progress-linear indeterminate color="primary" v-if="downloading" style="position: absolute; top: 0; width: 100%; left: 0;" />
-
-      <div class="bottom" v-if="!downloading">
+      <div v-if="!downloading" class="bottom">
         <v-btn rounded @click="$router.go(-1)">{{ lang.later }}</v-btn>
-        <v-btn rounded color="primary" @click="install()">{{ lang.update }}</v-btn>
+        <v-btn
+          rounded
+          color="primary"
+          :dark="!$vuetify.theme.dark"
+          @click="install()"
+        >
+          {{ lang.update }}
+        </v-btn>
       </div>
     </div>
-
   </div>
 </template>
 
-<style scoped>
-.bottom {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  padding: 2em;
-}
-</style>
-
 <script>
 import { Device } from "@capacitor/device";
 
@@ -78,7 +102,6 @@ export default {
   },
 
   methods: {
-
     async getUpdate() {
       const device = await Device.getInfo();
       const platform = device.platform;
@@ -92,29 +115,29 @@ export default {
 
       //---   Pick String For Platform From Above Array   ---//
       if (platform == "ios") {
-        this.update = downloads.filter(m => m.includes('.ipa'))[0];
+        this.update = downloads.filter((m) => m.includes(".ipa"))[0];
       } else {
-        this.update = downloads.filter(m => m.includes('.apk'))[0];
+        this.update = downloads.filter((m) => m.includes(".apk"))[0];
       }
 
       //---   Set Update As Full Data   ---//
       for (const i in this.latestVersion.assets) {
         const asset = this.latestVersion.assets[i];
         if (asset.browser_download_url == this.update) {
-          return this.update = asset;
+          return (this.update = asset);
         }
       }
-
     },
 
     async getLatest() {
-       //---   Get Latest Version   ---//
+      //---   Get Latest Version   ---//
       this.status = "checking";
       const releases = await this.$vuetube.releases;
       this.latestVersion = releases[0];
 
       //---   Wait like 2 seconds because if people don't see loading, they think it didn't refresh properly   ---//
-      if (!this.$route.query.nowait) await require("~/plugins/utils").delay(2000);
+      if (!this.$route.query.nowait)
+        await require("~/plugins/utils").delay(2000);
 
       //---   Get Proper File   ---//
       this.getUpdate();
@@ -129,10 +152,20 @@ export default {
 
     async install() {
       this.downloading = true;
-      await this.$update(this.update.browser_download_url).catch(() => { this.downloading = false; });
+      await this.$update(this.update.browser_download_url).catch(() => {
+        this.downloading = false;
+      });
       //window.open(this.update.browser_download_url, '_blank');
-
-    }
-  }
+    },
+  },
 };
 </script>
+
+<style scoped>
+.bottom {
+  position: absolute;
+  padding: 2em;
+  bottom: 0;
+  right: 0;
+}
+</style>