Change route structure

src/components/routes/Index.vue

@@ -152,15 +152,15 @@
 		},
 		watch: {
 			selectedCategory (newValue) {
-				this.$router.push('/' + newValue.toLowerCase());
+				this.$router.push('/category/' + newValue.toLowerCase());
 			},
 			$route () {
-				this.selectedCategory = this.$route.path.split('/')[1].toUpperCase()
+				this.selectedCategory = this.$route.path.split('/')[2].toUpperCase()
 				this.getThreads()
 			}
 		},
 		created () {
-			this.selectedCategory = this.$route.path.split('/')[1].toUpperCase()
+			this.selectedCategory = this.$route.path.split('/')[2].toUpperCase()
 			this.getThreads()
 		}
 	}

src/main.js

@@ -32,8 +32,8 @@ Vue.use(VueAxios, axios)
 
 const router = new VueRouter({
 	routes: [
-		{ path: '/', redirect: '/all' },
-		{ path: '/:category', component: Index },
+		{ path: '/', redirect: '/category/all' },
+		{ path: '/category/:category', component: Index },
 		{ path: '/start', component: Start },
 		{ path: '/thread/:slug/:id', component: Thread },
 		{ path: '/thread/:slug/:id/:post_id', component: Thread },