Experimenting using GraphQL in favor of REST.

assets/components/releases/release.vue

@@ -108,6 +108,22 @@
                 </ul>
             </div>
 
+            <div v-if="release.scenes && release.scenes.length > 0">
+                <h3>Scenes</h3>
+
+                <Releases
+                    v-if="release.scenes && release.scenes.length > 0"
+                    :releases="release.scenes"
+                    class="row"
+                />
+            </div>
+
+            <div v-if="release.movie">
+                <h3>Movie</h3>
+
+                <Release :release="release.movie" />
+            </div>
+
             <div
                 v-if="release.tags.length > 0"
                 class="row"
@@ -196,8 +212,10 @@
 </template>
 
 <script>
-import Actor from '../tile/actor.vue';
 import Banner from './banner.vue';
+import Actor from '../tile/actor.vue';
+import Release from '../tile/release.vue';
+import Releases from './releases.vue';
 
 function pageTitle() {
     return this.release && this.release.title;
@@ -211,6 +229,8 @@ export default {
     components: {
         Actor,
         Banner,
+        Releases,
+        Release,
     },
     data() {
         return {

assets/components/releases/releases.vue

@@ -56,6 +56,7 @@ export default {
 }
 
 .tiles {
+    width: 100%;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(20rem, .33fr));
     grid-gap: 1rem;