Fade between table pages

app/ui/Table.vue

@@ -87,7 +87,7 @@ watch(pageCount, (count) => {
 				</th>
 			</tr>
 		</thead>
-		<tbody>
+		<tbody :key="currentPage">
 			<tr
 				v-for="entry in pagedData"
 				:key="entry.index"
@@ -186,6 +186,19 @@ watch(pageCount, (count) => {
 	margin-bottom: 0.75rem;
 }
 
+.table tbody {
+	animation: table-page-fade 0.18s ease;
+}
+
+@keyframes table-page-fade {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
 .pagination {
 	display: flex;
 	justify-content: center;