Improved actor scraping and display.

assets/components/actors/photos.vue

@@ -11,7 +11,7 @@
 			class="avatar-link photo-link"
 		>
 			<img
-				:src="`/media/${actor.avatar.thumbnail}`"
+				:src="sfw ? `/img/${actor.avatar.sfw.thumbnail}` : `/media/${actor.avatar.thumbnail}`"
 				:title="actor.avatar.copyright && `© ${actor.avatar.copyright}`"
 				class="avatar photo"
 			>
@@ -26,7 +26,7 @@
 			class="photo-link"
 		>
 			<img
-				:src="`/media/${photo.thumbnail}`"
+				:src="sfw ? `/img/${photo.sfw.thumbnail}` : `/media/${photo.thumbnail}`"
 				:title="photo.copyright && `© ${photo.copyright}`"
 				class="photo"
 			>
@@ -35,6 +35,10 @@
 </template>
 
 <script>
+function sfw() {
+	return this.$store.state.ui.sfw;
+}
+
 export default {
 	props: {
 		actor: {
@@ -42,6 +46,9 @@ export default {
 			default: null,
 		},
 	},
+	computed: {
+		sfw,
+	},
 };
 </script>