From 4ee80fba8e61e279dfd9157bbe4e0a09cc164580 Mon Sep 17 00:00:00 2001
From: TheKodeToad <TheKodeToad@proton.me>
Date: Thu, 13 Mar 2025 01:28:54 +0000
Subject: [PATCH] Fix <ul> inside <p> warning

---
 dashboard/src/components/docs/Moderation.vue | 49 ++++++++++----------
 dashboard/src/components/docs/Plugin.vue     |  1 +
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/dashboard/src/components/docs/Moderation.vue b/dashboard/src/components/docs/Moderation.vue
index ff2151e6..deb896d0 100644
--- a/dashboard/src/components/docs/Moderation.vue
+++ b/dashboard/src/components/docs/Moderation.vue
@@ -81,32 +81,33 @@
     <h3>Summary Example</h3>
     <p>
       Employing what we have learnt so far, we can write a configuration that:
-        <ul>
-          <li>Alerts members of their warns in a channel, instead of DMs.</li>
-          <li>Alerts members of kicks and bans in their DMs.</li>
-          <li>Makes use of multi-line strings to prepare a tidy message.</li>
-          <li>Includes the remaining ban time if a ban was temporary.</li>
-        </ul>
-      <CodeBlock code-lang="yaml" trim="start">
-        plugins:
-          mod_actions:
-            config:
-              dm_on_warn: false
-              message_on_warn: true
-              message_channel: "PRETEND-CHANNEL-ID"
-
-              dm_on_kick: true
-
-              dm_on_ban: true
-              tempban_message: |-
-                Dear {user.username},
-
-                As a result of {reason}, you have been banned from {guildName}
-                for {banTime}. We welcome you back provided you do not do this
-                again.
-      </CodeBlock>
     </p>
 
+    <ul>
+      <li>Alerts members of their warns in a channel, instead of DMs.</li>
+      <li>Alerts members of kicks and bans in their DMs.</li>
+      <li>Makes use of multi-line strings to prepare a tidy message.</li>
+      <li>Includes the remaining ban time if a ban was temporary.</li>
+    </ul>
+    <CodeBlock code-lang="yaml" trim="start">
+      plugins:
+        mod_actions:
+          config:
+            dm_on_warn: false
+            message_on_warn: true
+            message_channel: "PRETEND-CHANNEL-ID"
+
+            dm_on_kick: true
+
+            dm_on_ban: true
+            tempban_message: |-
+              Dear {user.username},
+
+              As a result of {reason}, you have been banned from {guildName}
+              for {banTime}. We welcome you back provided you do not do this
+              again.
+    </CodeBlock>
+
     <h2>Alerts</h2>
     <p>
       Alerts are a nifty way for moderators to be notified of members trying to
diff --git a/dashboard/src/components/docs/Plugin.vue b/dashboard/src/components/docs/Plugin.vue
index 743c8a30..2bfdcfb2 100644
--- a/dashboard/src/components/docs/Plugin.vue
+++ b/dashboard/src/components/docs/Plugin.vue
@@ -174,6 +174,7 @@
 </style>
 
 <script lang="ts">
+  import Vue from "vue";
   import {mapState} from "vuex";
   import yaml from "js-yaml";
   import CodeBlock from "./CodeBlock.vue";