Handle the new /@<channel ID> URLs

src/components/NewChannelRedirect.vue

@@ -0,0 +1,16 @@
+<template>
+    <v-progress-linear indeterminate />
+</template>
+
+<script>
+export default {
+	name: 'NewChannelRedirect',
+	mounted () {
+		const { channelId } = this.$route.params
+		if (channelId.length === 0) {
+			this.$router.replace('/')
+		}
+		this.$router.replace('/c/@' + channelId)
+	}
+}
+</script>

src/router/index.js

@@ -58,6 +58,10 @@ const routes = [
 		name: 'Channel',
 		component: () => import('@/routes/Channel')
 	},
+	{
+		path: '/@:channelId',
+		component: () => import('@/components/NewChannelRedirect')
+	},
 	{
 		path: '/:videoId([a-zA-Z0-9_-]{11})',
 		component: () => import('@/components/Video/VideoRedirect')