CatalogList: simplify using mapState

cateditor/src/components/CatalogList.vue

@@ -215,7 +215,7 @@
 </template>
 
 <script>
-import { mapActions } from 'vuex'
+import { mapState, mapActions } from 'vuex'
 import PDFProgress from './PDFProgress'
 
 export default {
@@ -225,6 +225,7 @@ export default {
   data: () => ({
     activeTab: null,
     search: '',
+    interval: null,
     myHeaders: [
       {
         text: '',
@@ -299,24 +300,15 @@ export default {
         width: '50px',
       },
     ],
-    interval: null,
   }),
   computed: {
-    myCatalogs() {
+    ...mapState([
-      return this.$store.getters.getMyCatalogs
+      'myCatalogs',
-    },
+      'loadingMyCatalogs',
-    loadingMyCatalogs() {
+      'publicCatalogs',
-      return this.$store.getters.getLoadingMyCatalogs
+      'loadingPublicCatalogs',
-    },
+      'selectedCatalog',
-    publicCatalogs() {
+    ]),
-      return this.$store.getters.getPublicCatalogs
-    },
-    loadingPublicCatalogs() {
-      return this.$store.getters.getLoadingPublicCatalogs
-    },
-    selectedCatalog() {
-      return this.$store.getters.getSelectedCatalog
-    },
   },
   methods: {
     ...mapActions([
@@ -324,7 +316,7 @@ export default {
       'loadMyCatalogs',
       'loadPublicCatalogs',
     ]),
-    selectCatalog: function(id) {
+    selectCatalog(id) {
       this.setSelectedCatalog(id)
     },
   },

cateditor/src/pages/list/store/index.js

@@ -16,21 +16,6 @@ export const store = new Vuex.Store({
   },
 
   getters: {
-    getMyCatalogs(state) {
-      return state.myCatalogs
-    },
-    getLoadingMyCatalogs(state) {
-      return state.loadingMyCatalogs
-    },
-    getPublicCatalogs(state) {
-      return state.publicCatalogs
-    },
-    getLoadingPublicCatalogs(state) {
-      return state.loadingPublicCatalogs
-    },
-    getSelectedCatalog(state) {
-      return state.selectedCatalog
-    },
     findCatalog: (state) => (id) => {
       let cat = state.myCatalogs.find(c => c.id === id)
       if (cat !== undefined) {