Moved movies to separate table.

assets/components/header/header.vue

@@ -46,6 +46,20 @@
 						</router-link>
 					</li>
 
+					<li class="nav-item">
+						<router-link
+							v-slot="{ href, isActive, navigate }"
+							to="/movies"
+						>
+							<a
+								class="nav-link"
+								:href="href"
+								:class="{ active: isActive }"
+								@click="navigate"
+							>Movies</a>
+						</router-link>
+					</li>
+
 					<li class="nav-item">
 						<router-link
 							v-slot="{ href, isActive, navigate }"

assets/components/movies/movies.vue

@@ -0,0 +1,11 @@
+<template>
+	<div class="movies">
+		<h1 class="heading">Movies</h1>
+	</div>
+</template>
+
+<style lang="scss">
+.movies {
+    padding: 1rem;
+}
+</style>

assets/components/sidebar/sidebar.vue

@@ -73,6 +73,21 @@
 							</router-link>
 						</li>
 
+						<li class="nav-item">
+							<router-link
+								v-slot="{ href, isActive, navigate }"
+								to="/movies"
+								@click.native="toggleSidebar(false)"
+							>
+								<a
+									class="nav-link"
+									:href="href"
+									:class="{ active: isActive }"
+									@click="navigate"
+								>Movies</a>
+							</router-link>
+						</li>
+
 						<li class="nav-item">
 							<router-link
 								v-slot="{ href, isActive, navigate }"

assets/components/tags/tags.vue

@@ -159,11 +159,6 @@ export default {
 }
 
 .heading {
-	display: inline-block;
-	color: var(--primary);
-	padding: 0 .5rem;
-	margin: .5rem 0 1rem 0;
-    font-size: 1.2rem;
     text-transform: capitalize;
 }
 

assets/js/fragments.js

@@ -175,7 +175,6 @@ const releaseFields = `
     date
 	datePrecision
     slug
-    type
 	shootId
 	productionDate
 	comment
@@ -218,18 +217,6 @@ const releasesFragment = `
     ) {
 		releases: nodes {
 			${releaseFields}
-			movieActors: movieActorsByMovieId(orderBy: ACTOR_BY_ACTOR_ID__GENDER_ASC) {
-				actor {
-					${actorFields}
-				}
-			}
-			movieTags: movieTagsByMovieId(orderBy: TAG_BY_TAG_ID__PRIORITY_DESC) {
-				tag {
-					id
-					name
-					slug
-				}
-			}
 		}
 		totalCount
     }
@@ -256,37 +243,6 @@ const releaseFragment = `
     ${releaseTrailerFragment}
     ${releaseTeaserFragment}
     ${siteFragment}
-    movieActors: movieActorsByMovieId(orderBy: ACTOR_BY_ACTOR_ID__GENDER_ASC) {
-        actor {
-            ${actorFields}
-        }
-    }
-    movieTags: movieTagsByMovieId(orderBy: TAG_BY_TAG_ID__PRIORITY_DESC) {
-        tag {
-            id
-            name
-            slug
-        }
-    }
-    movies: releasesMoviesBySceneId {
-        movie {
-            id
-            title
-            date
-            slug
-            createdAt
-            url
-            ${releaseCoversFragment}
-            ${siteFragment}
-            actors: movieActorsByMovieId {
-                actor {
-                    id
-                    name
-                    slug
-                }
-            }
-        }
-    }
     scenes: releasesMoviesByMovieId {
         scene {
             ${releaseFields}

assets/js/router.js

@@ -7,6 +7,7 @@ import Entity from '../components/entities/entity.vue';
 import Networks from '../components/networks/networks.vue';
 import Actor from '../components/actors/actor.vue';
 import Actors from '../components/actors/actors.vue';
+import Movies from '../components/movies/movies.vue';
 import Tag from '../components/tags/tag.vue';
 import Tags from '../components/tags/tags.vue';
 import Search from '../components/search/search.vue';
@@ -155,6 +156,11 @@ const routes = [
 		component: Networks,
 		name: 'networks',
 	},
+	{
+		path: '/movies',
+		component: Movies,
+		name: 'movies',
+	},
 	{
 		path: '/tags',
 		component: Tags,