more syntactically pleasing article modules

Signed-off-by: Arnav Gupta <[email protected]>

Author: championswimmer

src/store/modules/articles.ts

@@ -3,7 +3,7 @@ import {
   VuexModule,
   getModule,
   Mutation,
-  Action,
+  Action, MutationAction,
 } from 'vuex-module-decorators';
 import store from '@/store';
 import { Article } from '../models';
@@ -19,15 +19,12 @@ type FeedType = 'global' | 'user'
 class ArticlesModule extends VuexModule {
   feed: Article[] = [];
 
-  @Mutation
-  setFeed(articles: Article[]) {
-    this.feed = articles;
-  }
-
-  @Action({ commit: 'setFeed' })
+  @MutationAction
   async refreshFeed(feedType: FeedType) {
     const globalFeed = await api.getGlobalFeed();
-    return globalFeed.articles;
+    return {
+      feed: globalFeed.articles
+    };
   }
 }
 

src/store/modules/users.ts

@@ -1,4 +1,4 @@
-import { getModule, Module, Mutation, MutationAction, VuexModule } from 'vuex-module-decorators';
+import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
 import store from '@/store';
 import { Profile, User, UserSubmit } from '../models';
 import { fetchProfile, loginUser } from '../api';
@@ -10,18 +10,9 @@ import { fetchProfile, loginUser } from '../api';
   dynamic: true,
 })
 class UsersModule extends VuexModule {
-  user: User | null = null
-  profile: Profile | null = null
+  user: User | null = null;
+  profile: Profile | null = null;
 
-  @Mutation
-  setUser(user: User) {
-    this.user = user;
-  }
-
-  @Mutation
-  setProfile(profile: Profile) {
-    this.profile = profile;
-  }
 
   get username() {
     return (this.user && this.user.username) || null;

src/views/Home.vue

@@ -53,20 +53,17 @@
 import { Vue, Component } from 'vue-property-decorator';
 import ArticlePreview from '@/components/article/ArticlePreview.vue';
 import articles from '@/store/modules/articles';
-import { Article } from '@/store/models';
 
 @Component({
   components: {
     ArticlePreview,
   },
 })
 export default class extends Vue {
-  feed: Article[] = [];
+  get feed() { return articles.feed }
 
-  created() {
-    articles.refreshFeed('global').then(() => {
-      this.feed = articles.feed;
-    });
+  async created() {
+    await articles.refreshFeed('global')
   }
 }
 </script>