Refactored clips into chapters.

assets/components/releases/release.vue

@@ -104,6 +104,15 @@
 				<p class="description">{{ release.description }}</p>
 			</div>
 
+			<div
+				v-if="release.chapters?.length > 0"
+				class="row nolist"
+			>
+				<span class="row-label">Chapters</span>
+
+				<Chapters :chapters="release.chapters" />
+			</div>
+
 			<div class="row row-tidbits">
 				<div
 					v-if="release.duration"
@@ -169,15 +178,6 @@
 				</div>
 			</div>
 
-			<div
-				v-if="release.clips && release.clips.length > 0"
-				class="row nolist"
-			>
-				<span class="row-label">Clips</span>
-
-				<Clips :clips="release.clips" />
-			</div>
-
 			<div
 				v-if="release.comment"
 				class="row"
@@ -204,7 +204,7 @@ import Details from './details.vue';
 import Banner from './banner.vue';
 import Album from '../album/album.vue';
 import Tags from './tags.vue';
-import Clips from './clips.vue';
+import Chapters from './chapters.vue';
 import Actor from '../actors/tile.vue';
 import Releases from './releases.vue';
 import Scroll from '../scroll/scroll.vue';
@@ -244,7 +244,7 @@ export default {
 		Banner,
 		Scroll,
 		Releases,
-		Clips,
+		Chapters,
 		Tags,
 	},
 	data() {