chore: format codes

src/components/TrackListItem.vue

@@ -8,12 +8,12 @@
     @mouseleave="hover = false"
   >
     <img
-      :src="imgUrl"
       v-if="!isAlbum"
-      @click="goToAlbum"
+      :src="imgUrl"
       :class="{ hover: focus }"
+      @click="goToAlbum"
     />
-    <div class="no" v-if="isAlbum">
+    <div v-if="isAlbum" class="no">
       <button v-show="focus && track.playable && !isPlaying" @click="playTrack">
         <svg-icon
           icon-class="play"
@@ -34,7 +34,7 @@
       <div class="container">
         <div class="title">
           {{ track.name }}
-          <span class="featured" v-if="isAlbum">
+          <span v-if="isAlbum" class="featured">
             <ArtistsInLine
               :artists="track.ar"
               :exclude="this.$parent.albumObject.artist.name"
@@ -44,7 +44,7 @@
             ><ExplicitSymbol
           /></span>
         </div>
-        <div class="artist" v-if="!isAlbum">
+        <div v-if="!isAlbum" class="artist">
           <span
             v-if="track.mark === 1318912"
             class="explicit-symbol before-artist"
@@ -55,11 +55,11 @@
       </div>
       <div></div>
     </div>
-    <div class="album" v-if="!isTracklist && !isAlbum">
+    <div v-if="!isTracklist && !isAlbum" class="album">
       <router-link :to="`/album/${album.id}`">{{ album.name }}</router-link>
       <div></div>
     </div>
-    <div class="actions" v-if="!isTracklist">
+    <div v-if="!isTracklist" class="actions">
       <button @click="likeThisSong">
         <svg-icon
           icon-class="heart"
@@ -67,10 +67,10 @@
             visibility: focus && !isLiked ? 'visible' : 'hidden',
           }"
         ></svg-icon>
-        <svg-icon icon-class="heart-solid" v-show="isLiked"></svg-icon>
+        <svg-icon v-show="isLiked" icon-class="heart-solid"></svg-icon>
       </button>
     </div>
-    <div class="time" v-if="!isTracklist">
+    <div v-if="!isTracklist" class="time">
       {{ track.dt | formatTime }}
     </div>
   </div>