Move categories to store

src/App.vue

@@ -62,7 +62,7 @@
 		</modal-window>
 		<header class='header'>
 			<div class='header__group'>
-				<div class='logo'>{{metaName}}</div>
+				<div class='logo'>{{name}}</div>
 			</div>
 			<div class='header__group'>
 				<div class='button button--green' @click='showAccountModal(0)'>
@@ -109,7 +109,7 @@
 			}
 		},
 		computed: {
-			metaName () {
+			name () {
 				return this.$store.state.meta.name
 			}
 		},

src/components/routes/Index.vue

@@ -47,21 +47,16 @@
 			TabView
 		},
 		data () {
-			var categories = [
-				{ name: 'All categories', value: '1' },
-				{ name: 'Photography', value: '1' },
-				{ name: 'Baking', value: '1' },
-				{ name: 'Maps', value: '1' }
-			];
-
 			return {
-				selected: null,
-				categories
+				selectedCategory: null
 			}
 		},
 		computed: {
 			threads () {
 				return this.$store.state.index.threads;
+			},
+			categories () {
+				return this.$store.state.meta.categories
 			}
 		}
 	}

src/store/index.js

@@ -8,7 +8,14 @@ Vue.use(Vuex)
 export default new Vuex.Store({
 	state: {
 		meta: {
-			name: 'Forum'
+			name: 'Forum',
+			categories: [
+				{name: 'All categories'},
+				{name: 'category'},
+				{name: 'category'},
+				{name: 'category'},
+				{name: 'category'}
+			]
 		},
 		tabs: {
 			account: 0