feat: better error logs on connecting

NUXT/pages/mods/plugins.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <!-- sorry for the mess, I will make a dumb (styles only) standardized card component later - Nik -->
+    <div
+      v-for="(plugin, index) in plugins"
+      :key="index"
+      flat
+      class="card d-flex mb-4 background"
+      :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
+      :style="{
+        borderRadius: `${$store.state.tweaks.roundTweak / 2}rem`,
+        margin: $store.state.tweaks.roundTweak > 0 ? '0 1rem' : '0',
+        padding:
+          $store.state.tweaks.roundTweak > 0
+            ? '.75rem 0rem .75rem 1rem'
+            : '.75rem .75rem .75rem 1.5rem',
+      }"
+    >
+      <div>
+        <v-card-title class="pa-0">
+          {{ plugin.manifest.name }}
+          {{ plugin.manifest.version }}
+        </v-card-title>
+        <v-card-text
+          class="pa-0 mb-3 background--text"
+          :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
+        >
+          by {{ plugin.manifest.author }}
+          {{ plugin.manifest.license ? `(${plugin.manifest.license})` : "" }}
+        </v-card-text>
+        <v-card-text class="pa-0">
+          {{ plugin.manifest.description }}
+        </v-card-text>
+      </div>
+      <v-switch
+        disabled
+        style="pointer-events: none"
+        class="my-0"
+        persistent-hint
+        inset
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      plugins: new Array(),
+      installedVersion: process.env.appVersion,
+    };
+  },
+  async mounted() {
+    this.plugins = await this.$tppl.list;
+  },
+};
+</script>

NUXT/pages/watch.vue

@@ -152,6 +152,7 @@ import { getCpn } from "~/plugins/utils";
 import SlimVideoDescriptionRenderer from "~/components/UtilRenderers/slimVideoDescriptionRenderer.vue";
 import ItemSectionRenderer from "~/components/SectionRenderers/itemSectionRenderer.vue";
 import vuetubePlayer from "~/components/Player/index.vue";
+import ShelfRenderer from "~/components/SectionRenderers/shelfRenderer.vue";
 
 export default {
   components: {

NUXT/plugins/innertube.js

@@ -40,7 +40,10 @@ class Innertube {
         }
       } catch (err) {
         console.log(err);
-        if (this.checkErrorCallback) this.ErrorCallback(err, true);
+        if (this.checkErrorCallback) {
+          this.ErrorCallback(html.data, true);
+          this.ErrorCallback(err, true);
+        }
         if (this.retry_count >= 10) {
           this.initAsync();
         } else {