feat: filter out bad Posts

components/pages/posts/post/PostMedia.vue

@@ -79,22 +79,6 @@ export default {
 		Intersect
 	},
 
-	created() {
-		if (!this.isVideo && !this.isImage) {
-			const message = 'Unknown media type'
-
-			this.error.message = message
-			this.error.show = true
-		}
-
-		if (!this.mediaSrc) {
-			const message = 'No media available'
-
-			this.error.message = message
-			this.error.show = true
-		}
-	},
-
 	props: {
 		mediaSrc: {
 			type: String,

store/booru.js

@@ -278,6 +278,19 @@ export const actions = {
 				{ root: true }
 			)
 
+			// Filter out posts
+			response.data = response.data.filter((post) => {
+				if (!post.high_res_file?.url) {
+					return false
+				}
+
+				if (post.media_type === 'unknown') {
+					return false
+				}
+
+				return true
+			})
+
 			// This is how a final booru object looks like
 			const POSTS = response.data.map((POST) => {
 				return {