Add unpublished text to recent blog posts

resources/js/components/BlogRecent.vue

@@ -19,6 +19,7 @@
                             {{ article.title }}
                         </h4>
                         <span class="article-date" :title="absDate(article.date)">{{ relDate(article.date) }}</span>
+                        <span class="article-published" v-if="!article.published">Unpublished</span>
                     </div>
                 </li>
             </ul>

resources/scss/_blog.scss

@@ -68,13 +68,20 @@ section.blog {
           }
 
           .article-desc,
-          .article-date {
+          .article-date,
+          .article-published {
             display: block;
           }
 
           .article-date {
             color: darken($text-color, 15%);
           }
+
+          .article-published {
+            text-transform: uppercase;
+            font-size: 1rem;
+            color: red;
+          }
         }
       }
     }