Fixed store cache options error.

src/components/Tools/UserMenu.vue

@@ -30,6 +30,7 @@
         <a-avatar
           class="avatar"
           size="small"
+          style="margin-right: 0.3rem;"
           :src="user.avatar || '//cn.gravatar.com/avatar/?s=256&d=mm'"
         />
       </span>
@@ -112,9 +113,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less" scoped>
-.avatar {
-  margin-right: 0.3rem;
-}
-</style>

src/permission.js

@@ -29,6 +29,10 @@ router.beforeEach((to, from, next) => {
     }
     // TODO Get installation status
 
+    if (!store.getters.options) {
+      store.dispatch('loadOptions').then()
+    }
+
     next()
     NProgress.done()
     return

src/views/dashboard/Dashboard.vue

@@ -129,10 +129,30 @@
                   >
                     <a-list-item-meta>
                       <a
+                        v-if="item.status=='PUBLISHED'"
                         slot="title"
                         :href="options.blog_url+'/archives/'+item.url"
                         target="_blank"
                       >{{ item.title }}</a>
+                      <a
+                        v-else-if="item.status == 'INTIMATE'"
+                        slot="title"
+                        :href="options.blog_url+'/archives/'+item.url+'/password'"
+                        target="_blank"
+                      >{{ item.title }}</a>
+                      <a
+                        v-else-if="item.status=='DRAFT'"
+                        slot="title"
+                        href="javascript:void(0)"
+                        @click="handlePostPreview(item.id)"
+                      >{{ item.title }}</a>
+                      <a
+                        v-else
+                        href="javascript:void(0);"
+                        disabled
+                      >
+                        {{ text }}
+                      </a>
                     </a-list-item-meta>
                     <div>{{ item.createTime | timeAgo }}</div>
                   </a-list-item>
@@ -507,6 +527,11 @@ export default {
         this.listLatestLogs()
       })
     },
+    handlePostPreview(postId) {
+      postApi.preview(postId).then(response => {
+        window.open(response.data, '_blank')
+      })
+    },
     onPaginationChange(page, pageSize) {
       this.$log.debug(`Current: ${page}, PageSize: ${pageSize}`)
       this.logPagination.page = page