From 5ca585459425cdb9f9d4ea9f6c753d44a457607d Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Thu, 10 Feb 2022 15:03:33 +0000
Subject: [PATCH] Add support for Clips.

Closes #815
---
 src/components/ClipsPage.vue | 16 ++++++++++++++++
 src/router/router.js         |  5 +++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/components/ClipsPage.vue

diff --git a/src/components/ClipsPage.vue b/src/components/ClipsPage.vue
new file mode 100644
index 00000000..c491f4bb
--- /dev/null
+++ b/src/components/ClipsPage.vue
@@ -0,0 +1,16 @@
+<template>
+    <ErrorHandler v-if="response && response.error" :message="response.message" :error="response.error" />
+</template>
+
+<script>
+export default {
+    activated() {
+        this.fetchJson(this.apiUrl() + "/clips/" + this.$route.params.clipId).then(response => {
+            this.response = response;
+            if (this.response.videoId) {
+                this.$router.push(`/watch?v=${this.response.videoId}`);
+            }
+        });
+    },
+};
+</script>
diff --git a/src/router/router.js b/src/router/router.js
index 1669be5b..085f0f93 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -26,6 +26,11 @@ const routes = [
         name: "WatchVideo",
         component: () => import("../components/WatchVideo.vue"),
     },
+    {
+        path: "/clip/:clipId",
+        name: "Clips",
+        component: () => import("../components/ClipsPage.vue"),
+    },
     {
         path: "/:path(channel|user|c)/:channelId/:videos?",
         name: "Channel",