Lint/prettify

src/components/LanguageSwitcher.vue

@@ -18,7 +18,16 @@ export default {
   setup() {
     return {
       langs: ['en-US', 'es-ES', 'nl-NL', 'pt-PT', 'fa-IR', 'he-IL', 'ru-RU', 'ko-KR'],
-      names: ['English', 'Español', 'Nederlands', 'Português', 'فارسی', 'עִבְרִית', 'Русский', '한국어']
+      names: [
+        'English',
+        'Español',
+        'Nederlands',
+        'Português',
+        'فارسی',
+        'עִבְרִית',
+        'Русский',
+        '한국어'
+      ]
     }
   },
   mounted() {

src/components/NavbarView.vue

@@ -14,44 +14,52 @@ export default {
   },
   methods: {
     toggle() {
-    	this.open = !this.open
+      this.open = !this.open
     }
   }
 }
 </script>
 
 <template>
+  <nav class="flex items-center justify-between flex-wrap p-4">
+    <div class="flex items-center flex-no-shrink text-white mr-6">
+      <router-link to="/">
+        <h1 class="font-bold text-2xl">Safe<color class="text-purple-500">Twitch</color></h1>
+      </router-link>
+    </div>
 
-    <nav class="flex items-center justify-between flex-wrap p-4">
-      <div class="flex items-center flex-no-shrink text-white mr-6">
-        <router-link to="/">
-          <h1 class="font-bold text-2xl">Safe<color class="text-purple-500">Twitch</color></h1>
-        </router-link>
+    <search-bar class="mt-4 mr-4 hidden sm:inline-block sm:mt-0"></search-bar>
+
+    <div class="text-white hidden sm:block">
+      <a
+        href="https://codeberg.org/dragongoose/safetwitch"
+        class="mt-4 mr-4 sm:inline-block sm:mt-0"
+        >{{ $t('nav.code') }}</a
+      >
+      <router-link to="/privacy" class="mt-4 mr-4 sm:inline-block sm:mt-0">{{
+        $t('nav.privacy')
+      }}</router-link>
+      <language-switcher class="mt-4 sm:inline-block sm:mt-0"></language-switcher>
+    </div>
+
+    <div class="block sm:hidden">
+      <button @click="toggle" class="flex items-center px-3 py-2">
+        <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+          <title>Menu</title>
+          <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
+        </svg>
+      </button>
+    </div>
+
+    <div :class="open ? 'block' : 'hidden'" class="w-full flex-grow">
+      <div class="p-4 flex flex-col items-center space-y-5 bg-ctp-base text-white">
+        <search-bar></search-bar>
+        <ul class="inline-flex space-x-3 md:space-x-6 font-medium">
+          <a href="https://codeberg.org/dragongoose/safetwitch">{{ $t('nav.code') }}</a>
+          <router-link to="/privacy">{{ $t('nav.privacy') }}</router-link>
+          <language-switcher></language-switcher>
+        </ul>
       </div>
-
-      <search-bar class="mt-4 mr-4 hidden sm:inline-block sm:mt-0"></search-bar>
-
-      <div class="text-white hidden sm:block">
-        <a href="https://codeberg.org/dragongoose/safetwitch" class="mt-4 mr-4 sm:inline-block sm:mt-0">{{ $t('nav.code') }}</a>
-        <router-link to="/privacy" class="mt-4 mr-4 sm:inline-block sm:mt-0">{{ $t('nav.privacy') }}</router-link>
-        <language-switcher class="mt-4 sm:inline-block sm:mt-0"></language-switcher>
-      </div>
-
-      <div class="block sm:hidden">
-        <button @click="toggle" class="flex items-center px-3 py-2">
-          <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
-        </button>
-      </div>
-
-      <div :class="open ? 'block': 'hidden'" class="w-full flex-grow">
-        <div class="p-4 flex flex-col items-center space-y-5 bg-ctp-base text-white">
-          <search-bar></search-bar>
-          <ul class="inline-flex space-x-3 md:space-x-6 font-medium">
-            <a href="https://codeberg.org/dragongoose/safetwitch">{{ $t('nav.code') }}</a>
-            <router-link to="/privacy">{{ $t('nav.privacy') }}</router-link>
-            <language-switcher></language-switcher>
-          </ul>
-        </div>
-      </div>
-    </nav>
+    </div>
+  </nav>
 </template>

src/components/user/VideoTab.vue

@@ -5,10 +5,10 @@
 <template>
   <div class="bg-ctp-mantle mt-1 p-5 pt-3 rounded-lg w-full space-y-3">
     <div class="inline-flex w-full">
-      <span class="pr-3 font-bold text-3xl">{{ $t("streamer.videos") }}</span>
+      <span class="pr-3 font-bold text-3xl">{{ $t('streamer.videos') }}</span>
     </div>
 
-    <h1 v-if="!shelves && status === 'error'">{{ $t("streamer.videoerror") }}</h1>
+    <h1 v-if="!shelves && status === 'error'">{{ $t('streamer.videoerror') }}</h1>
 
     <div v-else-if="shelves" class="mb-5">
       <div class="space-y-5">