Update markdown configuration

pages/about.md

@@ -4,9 +4,6 @@ contact_email: user@example.com
 copyright: All content is CC 0 so that it maybe be shared throughout the world in places like Wikipedia.
 citation: Project collaborative. 2022. Website title. Available at https://example.com. 
 ---
-<div class="container mx-auto p-4">
-  <div class="prose dark:prose-invert lg:prose-base max-w-none">
-
 # {{frontmatter.title}}
 
 ## Dig deeper
@@ -36,6 +33,3 @@ Want to create your own site? This website is built completely on open-source so
 
 ## Copyright
 _{{frontmatter.copyright}}_
-
-  </div>
-</div>

pages/home.md

@@ -3,8 +3,7 @@ title: The title
 lead: Taxa from your imagination to the web
 project: Your project
 ---
-<div class="container mx-auto p-4">
-  <div class="prose dark:prose-invert lg:prose-base max-w-none">
+
 
   # {{frontmatter.title}}
   _{{frontmatter.lead}}_
@@ -21,6 +20,3 @@ project: Your project
 
   ## Find out more
   Learn how to collaborate with the {{ frontmatter.title }} project. Contact information, technical details, and more are available at [About](/about).
-
-  </div>
-</div>

tailwind.config.js

@@ -10,6 +10,7 @@ function withOpacity(variableName) {
 module.exports = {
   content: [
     "./index.html",
+    "./vite.config.js",
     "./src/**/*.{vue,js,ts,jsx,tsx,md}",
     "./pages/*.{vue,md}",
     "./config/*.yml",

vite.config.js

@@ -25,7 +25,9 @@ export default () => {
       Vue({
         include: [/\.vue$/, /\.md$/]
       }),
-      Markdown(),
+      Markdown({
+        wrapperClasses: '!container mx-auto pt-4 pb-4 prose dark:prose-invert box-border'
+      }),
       Pages({
         dirs: 'pages',
         extensions: ['vue', 'md'],