fix: HTML validator errors

Author: ktquez

src/.vuepress/config/head.js

@@ -1,6 +1,5 @@
 module.exports = [
   ['meta', { 'http-equiv': 'x-ua-compatible', content: 'ie=edge' }],
-  ['meta', { charset: 'utf-8' }],
   ['meta', { name: 'application-name', content: 'Vue A11y' }],
   ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
   ['meta', { name: 'apple-mobile-web-app-title', content: 'Vue.js community effort to improve web accessibility.' }],

src/.vuepress/theme/components/HeaderFullPage.vue

@@ -10,9 +10,7 @@
         <slot name="cardTitle" />
       </h1>
 
-      <p>
-        <slot />
-      </p>
+      <slot />
 
       <div class="card-info">
         <slot name="cardFooter" />

src/.vuepress/theme/views/Home.vue

@@ -6,8 +6,8 @@
           <h1 class="text-4xl font-bold">
             {{ $title }}
           </h1>
-          <p>
-            <span class="text-xl">{{ $description }}</span>
+          <p class="text-xl">
+            {{ $description }}
           </p>
           <div class="flex mt-10">
             <RouterLink

src/.vuepress/theme/views/Settings.vue

@@ -10,10 +10,10 @@
         <template v-slot:cardTitle>
           {{ $frontmatter.title }}
         </template>
-        <div class="mt-3 text-xl">
+        <p class="mt-3 text-xl">
           {{ $frontmatter.description }} <br>
           {{ $frontmatter.note }}
-        </div>
+        </p>
       </HeaderFullPage>
 
       <div class="mt-20 mb-24 md:px-6">