Added scene title title fallback.

components/scenes/tile.vue

@@ -47,7 +47,20 @@
 					:title="scene.title"
 					target="_blank"
 					class="row title nolink"
-				>{{ scene.title }}</Link>
+					:class="{ notitle: !scene.title }"
+				>
+					<template v-if="scene.title">{{ scene.title }}</template>
+
+					<template v-else>
+						<span
+							v-if="priorityTags.length > 0"
+							class="title-tags"
+						>{{ priorityTags.join(' & ') }} scene</span>
+
+						<template v-else>Scene</template>
+						<template v-if="scene.actors.length > 0"> with {{ scene.actors.map((actor) => actor.name).join(', ') }}</template>
+					</template>
+				</Link>
 
 				<ul
 					class="row actors nolist"
@@ -120,6 +133,7 @@ const user = pageContext.user;
 const pageStash = pageContext.pageProps.stash;
 const currentStash = pageStash || pageContext.assets?.primaryStash;
 
+const priorityTags = props.scene.tags.map((tag) => tag.name).slice(0, 2);
 const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id === currentStash?.id));
 </script>
 
@@ -206,6 +220,18 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
 	font-weight: bold;
 }
 
+.title-tags {
+	display: inline-block;
+
+	&:first-letter {
+		text-transform: capitalize;
+	}
+}
+
+.notitle {
+	color: var(--shadow);
+}
+
 .actor:hover,
 .tag:hover {
 	color: var(--primary);