vuex state.assets

Author: suenot

src/components/List.vue

@@ -23,7 +23,7 @@
         tr(v-for="post in computedList" key="tr" class="table-row-item" :to="'/post/' + post.topicId" v-on:click="goToPost(post.topicId, post.announce)")
           td(key="announce") {{ post.announce }}
           td(key="replies") {{ post.NumReplies }}
-          td(key="views") {{ post.DateTimeLastPost }}
+          td(key="lastComment") {{ post.DateTimeLastPost }}
           td(key="rank") {{ post.rank }}
           td.links(key="links")
             a(v-on:click="dataHref(post.topicStarterUrl, $event)")

src/store/index.js

@@ -0,0 +1,37 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import axios from 'axios'
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    assets: []
+  },
+  actions: {
+    LOAD_ASSETS_LIST: function ({ commit }) {
+      axios.get('/static/data/announceList.json', {
+        headers: {'Cache-Control': 'private, max-age=0, no-cache'}
+      }).then((response) => {
+        commit('SET_ASSETS_LIST', { list: response.data })
+      }, (err) => {
+        console.log(err)
+      })
+    },
+  },
+  mutations: {
+    SET_ASSETS_LIST: (state, { list }) => {
+      state.assets = list
+    },
+  },
+  getters: {
+    fullAssetsList: (state, getters) => (id) => {
+      if (state.assets.length !== 0) {
+        return state.assets.filter((item) => {
+          return item.announce.toLowerCase().indexOf(id.toLowerCase()) !== -1
+        })
+      }
+    }
+  }
+})
+
+export default store