fixed issue with catalog not being fetched properly also removed some…

… JS fuckery

src/components/board/Pages.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class="container-fluid">
 		<div class="row">
 			<div class="col-12 text-center">
 				<new-template v-if="openNew"/> <!-- supply slots in case of reply instead of new thread -->
@@ -8,7 +8,7 @@
 				<div class="row text-mono text-left">
 					<div class="col-12">
 						<router-link tag="span" :to="{name: 'index'}">[<a>home</a>]</router-link>
-						<router-link tag="span" :to="{path: 'catalog'}">[<a>catalog</a>]</router-link>
+						<router-link tag="span" :to="{name: 'catalog'}">[<a>catalog</a>]</router-link>
 					</div>
 				</div>
 			</div>

src/components/board/Single.vue

@@ -32,12 +32,9 @@
 		},
 		updated(){
 			this.componentKey = Math.floor(Math.random()*10)
-
-				if(this.$route.params.ticker && this.$route.path != 'catalog' && !this.$route.params.page && !this.$route.params.number){
-					this.$router.push({
-						path: this.board+'/1'
-					})
-				}
+				
+			console.log(this.$route.params)
+				
 		}
 	}
 </script>

src/router.js

@@ -15,31 +15,24 @@ export default new Router({
 			component: Index
 		},
 		{
-			path: '/board', // grab board identifier
-			name: 'board',
-			component: () => import(/* webpackChunkName: "board" */ './views/Board.vue'),
+			path: '/board/:ticker',
+			name: 'ticker',
+			component: () => import(/* webpackChunkName: "ticker" */ './components/board/Single.vue'),
 			children: [
 				{
-					path: ':ticker',
-					name: 'ticker',
-					component: () => import(/* webpackChunkName: "ticker" */ './components/board/Single.vue'),
-					children: [
-						{
-							path: 'catalog',
-							name: 'catalog',
-							component: () => import(/* webpackChunkName: "catalog" */ './views/Catalog.vue')
-						},
-						{
-							path: ':page', // grab page identifier
-							name: 'page',
-							component: () => import(/* webpackChunkName: "page" */ './components/board/Pages.vue')
-						},
-						{
-							path: 'thread/:number', // grab thread identifier
-							name: 'thread',
-							component: () => import(/* webpackChunkName: "thread" */ './views/Thread.vue')
-						}
-					]
+					path: 'catalog',
+					name: 'catalog',
+					component: () => import(/* webpackChunkName: "catalog" */ './views/Catalog.vue')
+				},
+				{
+					path: ':page?', // grab page identifier
+					name: 'page',
+					component: () => import(/* webpackChunkName: "page" */ './components/board/Pages.vue')
+				},
+				{
+					path: 'thread/:number', // grab thread identifier
+					name: 'thread',
+					component: () => import(/* webpackChunkName: "thread" */ './views/Thread.vue')
 				}
 			]
 		},
@@ -53,11 +46,11 @@ export default new Router({
 			name: 'error',
 			component: () => import(/* webpackChunkName: "error" */ './views/Error.vue')
 		},
-		/*{
+		{
 			path: '*',
 			name: 'catchErr',
 			redirect: '/no-bueno'
-		}*/
+		}
 	],
 	scrollBehavior (to, from, savedPosition) {
 	if (savedPosition) {

src/views/Board.vue

@@ -7,5 +7,17 @@
 </template>
 
 <script>
-
+	export default {
+		beforeUpdate(){
+			console.log(this.$route.params)
+				if(this.$route.params.length == 1){
+					console.log('yes')
+				}
+				if(this.$route.params.ticker && !this.$route.params.page && !this.$route.params.number && !this.$route.params.catalog){
+					this.$router.push({
+						path: this.$route.params.ticker+'/1'
+					})
+				}
+		}
+	}
 </script>

src/views/Catalog.vue

@@ -1,9 +1,3 @@
 <template>
 	<div>dick</div>
 </template>
-
-<script>
-	export default{
-		
-	}
-</script>