style: 🎨 lint with ES Lint

NUXT/pages/index.vue

@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  layout: "empty",  
+  layout: "empty",
 
   //---   Hide Splash Screen   ---//
   async beforeCreate() {

NUXT/pages/mods/about.vue

@@ -28,7 +28,7 @@
     <div>OS: {{ deviceInfo.operatingSystem }} ({{ deviceInfo.osVersion }})</div>
     <div>Model: {{ deviceInfo.model }}</div>
     <div>Manufacturer: {{ deviceInfo.manufacturer }}</div>
-    <div>Virtual Device: {{ deviceInfo.isVirtual ? 'yes' : 'no'  }}</div>
+    <div>Virtual Device: {{ deviceInfo.isVirtual ? "yes" : "no" }}</div>
   </center>
 </template>
 

NUXT/pages/search.vue

@@ -34,17 +34,6 @@ export default {
       renderer: [],
     };
   },
-  mounted() {
-    this.getSearch();
-  },
-  methods: {
-    getSearch() {
-      const searchQuestion = this.$route.query.q;
-      this.$youtube.search(searchQuestion).then((response) => {
-        this.renderer = response;
-      });
-    },
-  },
   watch: {
     // Watches for new searches while the current search page is active.
     $route: {
@@ -56,5 +45,16 @@ export default {
       },
     },
   },
+  mounted() {
+    this.getSearch();
+  },
+  methods: {
+    getSearch() {
+      const searchQuestion = this.$route.query.q;
+      this.$youtube.search(searchQuestion).then((response) => {
+        this.renderer = response;
+      });
+    },
+  },
 };
 </script>

NUXT/pages/watch.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="accent">
-    <videoPlayer :vidSrc="vidSrc" />
+    <videoPlayer :vid-src="vidSrc" />
     <v-card v-if="loaded" class="ml-2 mr-2 accent" flat>
       <v-card-title
         class="mt-2"
@@ -134,6 +134,21 @@ export default {
       loaded: false,
     };
   },
+  watch: {
+    // Watch for change in the route query string (in this case, ?v=xxxxxxxx to ?v=yyyyyyyy)
+    $route: {
+      deep: true,
+      handler(newRt, oldRt) {
+        if (newRt.query.v != oldRt.query.v) {
+          // Exit fullscreen if currently in fullscreen
+          this.$refs.player.webkitExitFullscreen();
+          // Reset player and run getVideo function again
+          this.vidSrc = "";
+          this.getVideo();
+        }
+      },
+    },
+  },
   mounted() {
     this.getVideo();
   },
@@ -183,20 +198,5 @@ export default {
       });
     },
   },
-  watch: {
-    // Watch for change in the route query string (in this case, ?v=xxxxxxxx to ?v=yyyyyyyy)
-    $route: {
-      deep: true,
-      handler(newRt, oldRt) {
-        if (newRt.query.v != oldRt.query.v) {
-          // Exit fullscreen if currently in fullscreen
-          this.$refs.player.webkitExitFullscreen();
-          // Reset player and run getVideo function again
-          this.vidSrc = "";
-          this.getVideo();
-        }
-      },
-    },
-  },
 };
 </script>