Create new general route

src/components/routes/Admin.vue

@@ -32,8 +32,8 @@
 				selected: null,
 				routes: [
 					{ title: 'Dashboard', route: 'dashboard', description: 'Quick links and stats about your forum', icon: 'fa-home' },
+					{ title: 'General', route: 'general', description: 'Admin accounts, categories and settings', icon: 'fa-th' },
 					{ title: 'Moderation', route: 'moderation/reports', description: 'View and respond to user reports', icon: 'fa-exclamation-circle' },
-					{ title: 'Categories', route: 'categories', description: 'Add and remove thread categories', icon: 'fa-th' },
 					{ title: 'Back-up', route: 'backup', description: 'Download and restore forum data', icon: 'fa-cloud-download' }
 				]
 			}

src/components/routes/AdminGeneral.vue

@@ -0,0 +1,29 @@
+<template>
+	<div class='admin_general'>
+		<h1 class='admin_general__header'>General</h1>
+		<admin-categories></admin-categories>	
+	</div>
+</template>
+
+<script>
+	import AdminCategories from '../AdminCategories'
+
+	export default {
+		name: 'AdminGeneral',
+		components: {
+			AdminCategories
+		}
+	}
+</script>
+
+<style lang='scss' scoped>
+	@import '../../assets/scss/variables.scss';
+
+	.admin_general {
+		padding: 1rem 2rem;
+
+		@at-root #{&}__header {
+			margin: 0.5rem 0 1rem 0;
+		}
+	}
+</style>

src/main.js

@@ -29,7 +29,7 @@ import Admin from './components/routes/Admin'
 import AdminDashboard from './components/routes/AdminDashboard'
 import AdminModerationReports from './components/routes/AdminModerationReports'
 import AdminModerationBannedUsers from './components/routes/AdminModerationBannedUsers'
-import AdminCategories from './components/routes/AdminCategories'
+import AdminGeneral from './components/routes/AdminGeneral'
 
 let { onResize } = require('./assets/js/flexBoxGridCorrect.js')
 
@@ -58,10 +58,10 @@ const router = new VueRouter({
 		] },
 		{ path: '/admin', redirect: '/admin/dashboard', component: Admin, children: [
 			{ path: 'dashboard', component: AdminDashboard },
+			{ path: 'general', component: AdminGeneral },
 			{ path: 'moderation', redirect: '/admin/moderation/reports' },
 			{ path: 'moderation/reports', component: AdminModerationReports },
-			{ path: 'moderation/bans', component: AdminModerationBannedUsers },
-			{ path: 'categories', component: AdminCategories }
+			{ path: 'moderation/bans', component: AdminModerationBannedUsers }
 		] }
 	],
 	mode: 'history'