assets/components/actors/tile.vue

@@ -41,9 +41,9 @@
 				/>
 			</span>
 
-			<RouterLink
-				:to="hasScrolled ? '' : { name: 'actor', params: { actorId: actor.id, actorSlug: actor.slug } }"
+			<a
 				class="avatar-container"
+				@click="goToActor"
 			>
 				<img
 					v-if="actor.avatar"
@@ -130,7 +130,7 @@
 						class="country"
 					/>
 				</span>
-			</RouterLink>
+			</a>
 		</div>
 	</div>
 </template>
@@ -138,6 +138,13 @@
 <script>
 import Gender from './gender.vue';
 
+function goToActor() {
+	// can't seem to control behavior with RouterLink
+	if (!this.hasScrolled) {
+		this.$router.push({ name: 'actor', params: { actorId: this.actor.id, actorSlug: this.actor.slug } });
+	}
+}
+
 async function stashActor() {
 	this.favorited = true;
 
@@ -208,6 +215,7 @@ export default {
 	methods: {
 		stashActor,
 		unstashActor,
+		goToActor,
 	},
 };
 </script>

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "traxxx",
-    "version": "1.231.28",
+    "version": "1.231.27",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "traxxx",
-            "version": "1.231.28",
+            "version": "1.231.27",
             "license": "ISC",
             "dependencies": {
                 "@casl/ability": "^5.2.2",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.231.28",
+    "version": "1.231.27",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {