feat: add task list markdown support in plugin page

Author: bajrangCoder

package.json

@@ -98,6 +98,7 @@
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-github-alerts": "^0.3.0",
+    "markdown-it-task-lists": "^2.1.1",
     "mime-types": "^2.1.35",
     "minimatch": "^9.0.4",
     "mustache": "^4.2.0",

src/pages/plugin/plugin.js

@@ -13,6 +13,7 @@ import settings from "lib/settings";
 import markdownIt from "markdown-it";
 import anchor from "markdown-it-anchor";
 import MarkdownItGitHubAlerts from "markdown-it-github-alerts";
+import markdownItTaskLists from "markdown-it-task-lists";
 import Url from "utils/Url";
 import helpers from "utils/helpers";
 import view from "./plugin.view.js";
@@ -299,6 +300,7 @@ export default async function PluginInclude(
 							.toLowerCase()
 							.replace(/[^a-z0-9]+/g, "-"),
 				})
+				.use(markdownItTaskLists)
 				.render(plugin.description),
 			purchased,
 			installed,

src/styles/markdown.scss

@@ -389,4 +389,17 @@
   .markdown-alert.markdown-alert-caution .markdown-alert-title {
     color: var(--color-caution);
   }
+  .task-list-item {
+    list-style-type: none;
+    label {
+        font-weight: 400;
+    }
+    &+.task-list-item {
+        margin-top: 0.25rem;
+    }
+  }
+  ul:dir(rtl) .task-list-item-checkbox,
+  ol:dir(rtl) .task-list-item-checkbox {
+    margin: 0 -1.6em 0.25em 0.2em;
+  }
 }