style: 🎨 Lint

NUXT/pages/mods/updates.vue

@@ -1,49 +1,29 @@
 <template>
   <div class="py-2">
     <v-list-item v-for="(item, index) in commits" :key="index" class="my-1">
-      <v-card
+      <v-card flat class="card my-2 background" :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'">
-        flat
-        class="card my-2 background"
-        :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
-      >
         <v-card-title style="padding: 0 0.25em 0 0.75em">
           {{ item.author ? item.author.login : item.commit.author.name }}
-          <span
+          <span class="subtitle background--text" :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
-            class="subtitle background--text"
+            v-text="`• ${item.sha.substring(0, 7)}`" />
-            :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
-            v-text="`• ${item.sha.substring(0, 7)}`"
-          />
           <v-spacer />
-          <v-chip
+          <v-chip v-if="index == 0" class="tags" color="orange" style="
-            v-if="index == 0"
-            class="tags"
-            color="orange"
-            style="
               border-radius: 0.5rem;
               border: 2px var(--v-orange-base);
-            "
+            ">
-          >
             Latest
           </v-chip>
-          <v-chip
+          <v-chip v-if="item.sha == installedVersion" class="tags" color="green" style="
-            v-if="item.sha == installedVersion"
-            class="tags"
-            color="green"
-            style="
               border-radius: 0.5rem;
               border: 2px var(--v-green-base);
-            "
+            ">
-          >
+            Installed
-            >Installed</v-chip
+          </v-chip>
-          >
         </v-card-title>
 
         <div style="margin-left: 1em">
-          <div
+          <div class="date background--text" :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
-            class="date background--text"
+            v-text="new Date(item.commit.committer.date).toLocaleString()" />
-            :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
-            v-text="new Date(item.commit.committer.date).toLocaleString()"
-          />
           {{ item.commit.message }}
         </div>
 
@@ -65,24 +45,31 @@
   .card {
     width: 100%;
   }
+
   .subtitle {
     margin: 0.4em;
     font-size: 0.75em;
     transform: translateY(5%);
   }
+
   .date {
     transform: translateY(-40%);
   }
+
   .btn-icon {
     margin-right: 0.25em;
   }
+
   .tags {
     margin-left: 0.5em;
   }
+
 </style>
 
 <script>
-import { Browser } from "@capacitor/browser";
+  import {
+    Browser
+  } from "@capacitor/browser";
 
   export default {
     data() {
@@ -102,7 +89,9 @@ export default {
     },
     methods: {
       async openExternal(item) {
-      await Browser.open({ url: item.html_url });
+        await Browser.open({
+          url: item.html_url
+        });
       },
 
       install(item) {
@@ -112,4 +101,5 @@ export default {
       },
     },
   };
+
 </script>