Runned 'npm run lint --fix'

- With the 'fix' flag, code will be automatically fixed (where possible) according to EsLint rules

src/components/ChannelPage.vue

@@ -6,7 +6,7 @@
             v-if="channel.bannerUrl"
             loading="lazy"
             :src="channel.bannerUrl"
-            class="h-30 w-full object-cover py-1.5 md:h-50 p-15"
+            class="h-30 w-full object-cover p-15 py-1.5 md:h-50"
         />
         <div class="flex flex-col items-center justify-between md:flex-row">
             <div class="flex place-items-center">

src/components/FeedPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.feed'" class="my-4 text-center font-bold p-15" />
+    <h1 v-t="'titles.feed'" class="my-4 p-15 text-center font-bold" />
 
     <div class="flex flex-col flex-wrap gap-2 children:(flex items-center gap-1) md:flex-row md:items-center">
         <span>

src/components/HistoryPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.history'" class="mb-3 text-center font-bold p-15" />
+    <h1 v-t="'titles.history'" class="mb-3 p-15 text-center font-bold" />
 
     <div class="flex">
         <div class="flex flex-col gap-2 md:flex-row md:items-center">

src/components/ImportPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="text-center p-15">
+    <div class="p-15 text-center">
         <form>
             <div>
                 <input ref="fileSelector" type="file" @change="fileChange" />

src/components/NavBar.vue

@@ -1,5 +1,5 @@
 <template>
-    <nav class="fixed top-0 left-0 w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4 bg-dark-4">
+    <nav class="fixed left-0 top-0 w-full flex flex-wrap items-center justify-center bg-dark-4 px-2 pb-2.5 sm:px-4">
         <div class="flex flex-1 justify-start p-2">
             <router-link class="flex items-center text-3xl font-bold font-sans" :to="homePagePath"
                 ><img

src/components/PlaylistPage.vue

@@ -6,7 +6,7 @@
 
         <CollapsableText v-if="playlist?.description" :text="playlist.description" />
 
-        <div class="mt-1 flex justify-between <md:flex-col md:items-center p-15">
+        <div class="mt-1 flex justify-between p-15 <md:flex-col md:items-center">
             <div>
                 <router-link class="link flex items-center gap-3" :to="playlist.uploaderUrl || '/'">
                     <img loading="lazy" :src="playlist.uploaderAvatar" class="h-12 rounded-full" />

src/components/SearchResults.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 class="my-2 text-center p-15" v-text="$route.query.search_query" />
+    <h1 class="my-2 p-15 text-center" v-text="$route.query.search_query" />
 
     <label for="ddlSearchFilters">
         <strong v-text="`${$t('actions.filter')}:`" />

src/components/SubscriptionsPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.subscriptions'" class="my-4 text-center font-bold p-15" />
+    <h1 v-t="'titles.subscriptions'" class="my-4 p-15 text-center font-bold" />
     <!-- import / export section -->
     <div class="flex flex-wrap justify-between">
         <div class="flex gap-1">

src/components/TrendingPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.trending'" class="my-4 text-center font-bold p-15" />
+    <h1 v-t="'titles.trending'" class="my-4 p-15 text-center font-bold" />
 
     <hr />