Improved actor scraping and display.

assets/components/actors/actor.vue

@@ -44,7 +44,7 @@
 					class="avatar-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"
 					>
@@ -153,7 +153,7 @@
 							<Icon
 								v-if="actor.naturalBoobs === false"
 								v-tooltip="'Enhanced boobs'"
-								icon="star"
+								icon="magic-wand2"
 								class="enhanced"
 							/>{{ actor.bust || '??' }}{{ actor.cup || '?' }}-{{ actor.waist || '??' }}-{{ actor.hip || '??' }}
 						</span>
@@ -271,6 +271,10 @@ async function fetchActor() {
 	});
 }
 
+function sfw() {
+	return this.$store.state.ui.sfw;
+}
+
 async function route() {
 	await this.fetchActor();
 }
@@ -303,6 +307,9 @@ export default {
 			expanded: false,
 		};
 	},
+	computed: {
+		sfw,
+	},
 	watch: {
 		$route: route,
 	},
@@ -495,6 +502,7 @@ export default {
 .enhanced.icon {
     fill: $primary;
     padding: 0 .5rem;
+	transform: scaleX(-1);
 }
 
 .ethnicity {