style: removed some classes and ids; style: added typography.css; style: added vendor folder; wip: BaseAccordion component

src/components/search/ResultsAlbums.vue

@@ -7,7 +7,7 @@
 				<h1>{{ $t('search.noResultsAlbum') }}</h1>
 			</div>
 
-			<div class="release_grid" v-else>
+			<div class="release-grid" v-else>
 				<div class="w-40 release" v-for="release in viewInfo.data.slice(0, itemsToShow)" :key="release.albumID">
 					<router-link tag="div" class="cursor-pointer" :to="{ name: 'Album', params: { id: release.albumID } }">
 						<CoverContainer

src/components/search/ResultsArtists.vue

@@ -7,7 +7,7 @@
 				<h1>{{ $t('search.noResultsArtist') }}</h1>
 			</div>
 
-			<div v-else class="release_grid">
+			<div v-else class="release-grid">
 				<div class="w-40 release" v-for="release in viewInfo.data.slice(0, itemsToShow)" :key="release.artistID">
 					<router-link tag="div" class="cursor-pointer" :to="{ name: 'Artist', params: { id: release.artistID } }">
 						<CoverContainer

src/components/search/ResultsPlaylists.vue

@@ -6,7 +6,7 @@
 			<div v-if="viewInfo.data.length === 0">
 				<h1>{{ $t('search.noResultsPlaylist') }}</h1>
 			</div>
-			<div class="release_grid" v-else>
+			<div class="release-grid" v-else>
 				<div class="w-40 release" v-for="playlist in viewInfo.data.slice(0, itemsToShow)" :key="playlist.playlistID">
 					<router-link tag="div" class="cursor-pointer" :to="{ name: 'Playlist', params: { id: playlist.playlistID } }">
 						<CoverContainer

src/components/search/ResultsTracks.vue

@@ -23,17 +23,15 @@
 				<tbody>
 					<tr v-for="track in viewInfo.data.slice(0, itemsToShow)" :key="track.trackLink">
 						<td class="table__icon table__icon--big">
-							<a
-								href="#"
+							<span
 								@click="playPausePreview($event)"
-								class="rounded"
-								:class="{ 'single-cover': !!track.trackPreview }"
+								class="relative inline-block rounded cursor-pointer"
 								:data-preview="track.trackPreview"
 							>
 								<PreviewControls v-if="track.trackPreview" />
 
 								<img class="rounded coverart" :src="track.albumPicture" />
-							</a>
+							</span>
 						</td>
 
 						<td class="table__cell table__cell--large">