feat: indieweb standards

src/views/ArticleView.vue

@@ -32,15 +32,15 @@ onUpdated(updateDynamicContent)
   <template v-if="!loading && !article">
     <NotFoundView />
   </template>
-  <div v-if="!loading" class="article">
+  <article v-if="!loading" class="article h-entry">
     <template v-if="!loading && article">
       <div class="article-header">
-        <h1 class="article-title" v-html="article.metadata.title"></h1>
+        <h1 class="article-title p-name" v-html="article.metadata.title"></h1>
         <div class="article-info">
           <span v-if="article.metadata.author"
-            ><span v-html="AUTHORED"></span> <span v-html="article.metadata.author"></span> —
+            ><span v-html="AUTHORED"></span> <span class="p-author h-card" v-html="article.metadata.author"></span> —
           </span>
-          <span v-html="PUBLISHED_ON"></span> {{ simpleDateFormat(article.metadata.date) }}
+          <span v-html="PUBLISHED_ON"></span> <time class="dt-published" :datetime="simpleDateFormat(article.metadata.date)">{{ simpleDateFormat(article.metadata.date) }}</time>
           <span v-if="article.metadata.updated"
             >— <span v-html="UPDATED_ON"></span>
             {{ simpleDateFormat(article.metadata.updated) }}</span
@@ -53,9 +53,9 @@ onUpdated(updateDynamicContent)
           alt="thumbnail"
         />
       </div>
-      <div class="article-text" v-html="article.html"></div>
+      <div class="article-text e-content" v-html="article.html"></div>
       <div class="article-signature" v-html="SIGNATURE"></div>
       <BackHomeButton />
     </template>
-  </div>
+  </article>
 </template>