feat: integrate slidev prettier plugin

Author: kirklin

package.json

@@ -45,6 +45,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
     "eslint-plugin-svelte": "^2.34.1",
+    "prettier-plugin-slidev": "^1.0.5",
     "svelte-eslint-parser": "^0.33.1"
   },
   "peerDependenciesMeta": {
@@ -66,6 +67,9 @@
     "eslint-plugin-svelte": {
       "optional": true
     },
+    "prettier-plugin-slidev": {
+      "optional": true
+    },
     "svelte-eslint-parser": {
       "optional": true
     }
@@ -133,6 +137,7 @@
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "lint-staged": "^15.2.2",
+    "prettier-plugin-slidev": "^1.0.5",
     "rimraf": "^5.0.5",
     "simple-git-hooks": "^2.9.0",
     "svelte": "^4.2.10",

pnpm-lock.yaml

@@ -1,3 +1,4 @@
+import { isPackageExists } from "local-pkg";
 import { GLOB_CSS, GLOB_LESS, GLOB_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS } from "../globs";
 import type { VendoredPrettierOptions } from "../vender/prettier-types";
 import { ensurePackages, interopDefault, parserPlain } from "../utils";
@@ -8,19 +9,25 @@ export async function formatters(
   options: OptionsFormatters | true = {},
   stylistic: StylisticConfig = {},
 ): Promise<FlatConfigItem[]> {
-  await ensurePackages([
-    "eslint-plugin-format",
-  ]);
-
   if (options === true) {
     options = {
       css: true,
       graphql: true,
       html: true,
       markdown: true,
+      slidev: isPackageExists("@slidev/cli"),
     };
   }
 
+  await ensurePackages([
+    "eslint-plugin-format",
+    options.markdown && options.slidev ? "prettier-plugin-slidev" : undefined,
+  ]);
+
+  if (options.slidev && options.markdown !== true && options.markdown !== "prettier") {
+    throw new Error("`slidev` option only works when `markdown` is enabled with `prettier`");
+  }
+
   const {
     indent,
     quotes,
@@ -139,8 +146,15 @@ export async function formatters(
       ? "prettier"
       : options.markdown;
 
+    const GLOB_SLIDEV = !options.slidev
+      ? []
+      : options.slidev === true
+        ? ["**/slides.md"]
+        : options.slidev.files;
+
     configs.push({
       files: [GLOB_MARKDOWN],
+      ignores: GLOB_SLIDEV,
       languageOptions: {
         parser: parserPlain,
       },
@@ -162,6 +176,29 @@ export async function formatters(
         ],
       },
     });
+    if (options.slidev) {
+      configs.push({
+        files: GLOB_SLIDEV,
+        languageOptions: {
+          parser: parserPlain,
+        },
+        name: "antfu:formatter:slidev",
+        rules: {
+          "format/prettier": [
+            "error",
+            {
+              printWidth: 120,
+              ...prettierOptions,
+              embeddedLanguageFormatting: "off",
+              parser: "slidev",
+              plugins: [
+                "prettier-plugin-slidev",
+              ],
+            },
+          ],
+        },
+      });
+    }
   }
 
   if (options.graphql) {

src/configs/formatters.ts

@@ -143,6 +143,15 @@ export interface OptionsFormatters {
    * By default it's controlled by our own config.
    */
   dprintOptions?: boolean;
+
+  /**
+   * Install the prettier plugin for handle Slidev markdown
+   *
+   * Only works when `markdown` is enabled with `prettier`.
+   */
+  slidev?: boolean | {
+    files?: string[];
+  };
 }
 
 export interface OptionsComponentExts {

src/types.ts

@@ -52,12 +52,12 @@ export async function interopDefault<T>(m: Awaitable<T>): Promise<T extends { de
   return (resolved as any).default || resolved;
 }
 
-export async function ensurePackages(packages: string[]) {
+export async function ensurePackages(packages: (string | undefined)[]) {
   if (process.env.CI || process.stdout.isTTY === false) {
     return;
   }
 
-  const nonExistingPackages = packages.filter(i => !isPackageExists(i));
+  const nonExistingPackages = packages.filter(i => i && !isPackageExists(i)) as string[];
   if (nonExistingPackages.length === 0) {
     return;
   }