Add heading level one in blog posts

Author: ktquez

src/.vuepress/theme/layouts/Posts.vue

@@ -11,6 +11,10 @@
         class="ml-2"
       />
 
+      <h1 class="pl-3 mt-2 mb-12 text-5xl font-bold leading-10 lg:pl-6">
+        Latest posts <span class="capitalize">{{ isCategory ? `(${$currentCategories.key})` : '' }}</span>
+      </h1>
+
       <ul class="flex flex-wrap justify-between w-full px-3 lg:pr-6 lg:pl-0 lg:ml-6 xl:pr-0">
         <li
           v-for="post in posts"

src/.vuepress/theme/styles/_markdown.scss

@@ -47,7 +47,7 @@
   }
 
   h1, h2, h3 {
-    @apply relative;
+    @apply relative bg-main text-color;
 
     .header-anchor {
       @apply text-accent-primary absolute top-0 opacity-0 no-underline;