Added movies page to actors, entities and tags.

pages/actors/@actorId/+Page.vue

@@ -53,7 +53,15 @@
 				>
 			</div>
 
-			<Scenes />
+			<Domains
+				:domain="domain"
+				:path="`/actor/${actor.id}/${actor.slug}`"
+				:domains="['scenes', 'movies']"
+				class="domains-bar light"
+			/>
+
+			<Scenes v-if="domain === 'scenes'" />
+			<Movies v-if="domain === 'movies'" />
 		</div>
 	</div>
 </template>
@@ -66,12 +74,16 @@ import getPath from '#/src/get-path.js';
 import Bio from '#/components/actors/bio.vue';
 import Gender from '#/components/actors/gender.vue';
 import Scenes from '#/components/scenes/scenes.vue';
+import Movies from '#/components/movies/movies.vue';
 import Heart from '#/components/stashes/heart.vue';
+import Domains from '#/components/domains/domains.vue';
 
 const pageContext = inject('pageContext');
-const { pageProps } = pageContext;
+const { pageProps, routeParams } = pageContext;
 const { actor } = pageProps;
 
+const domain = routeParams.domain;
+
 const photos = Object.values(Object.fromEntries(actor.profiles
 	.filter((profile) => !!profile.avatar)
 	.map((profile) => [profile.avatar.id, {
@@ -152,6 +164,11 @@ const photos = Object.values(Object.fromEntries(actor.profiles
 	}
 }
 
+.domains-bar {
+	background: var(--background-base-10);
+	border-bottom: solid 1px var(--shadow-weak-40);
+}
+
 @media(--compact) {
 	.photos.has-avatar {
 		display: flex;