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>

src/views/HomeView.vue

@@ -26,10 +26,10 @@ onUpdated(updateDynamicContent)
   <div v-if="!loading" class="home">
     <template v-for="(metadata, index) in articles" :key="index">
       <div v-if="(!metadata.draft || !PROD) && metadata.path" class="article-item">
-        <RouterLink :to="metadata.path">
-          <h2 v-html="metadata.title"></h2>
+        <RouterLink :to="metadata.path" class="h-entry">
+          <h2 class="p-name" v-html="metadata.title"></h2>
           <span class="article-info"
-            ><span v-html="PUBLISHED_ON"></span> {{ simpleDateFormat(metadata.date) }}</span
+            ><span v-html="PUBLISHED_ON"></span> <time class="dt-published" :datetime="simpleDateFormat(metadata.date)">{{ simpleDateFormat(metadata.date) }}</time></span
           >
           <img
             v-if="metadata.thumbnail"