🎨 Prettify

Author: CollierCZ

README.md

@@ -613,7 +613,7 @@ export const load = async () => {
         slug: module.slug,
         frontmatter: module.frontmatter,
       };
-    })
+    }),
   );
   return { content };
 };

src/headings.ts

@@ -110,8 +110,6 @@ export const heading: Schema = {
     const render = config.nodes?.heading?.render ?? `h${level}`;
 
     /**
-     * TODO: THis doesn't work because render is a string even for custom components
-     * 
      * When the tag has a component as its render option,
      * add an attribute to collect it as a header
      * and also the level as a prop, not an HTML attribute.

src/main.ts

@@ -46,7 +46,7 @@ export const markdocPreprocess = (options: Options = {}): PreprocessorGroup => {
   for (const key in options) {
     if (!validOptionKeys.includes(key as keyof Options)) {
       log.warn(
-        `Invalid option "${key}" provided and ignored. Check the documentation for valid options.`
+        `Invalid option "${key}" provided and ignored. Check the documentation for valid options.`,
       );
     }
   }
@@ -72,7 +72,8 @@ export const markdocPreprocess = (options: Options = {}): PreprocessorGroup => {
   const processHeadings = options.headingIds ?? false;
   // If passed `true`, use the default for slugging headings
   // Otherwise, use the passed function
-  const headingSlugger = typeof processHeadings === "boolean" ? slug : processHeadings;
+  const headingSlugger =
+    typeof processHeadings === "boolean" ? slug : processHeadings;
   const linkify = options.linkify ?? false;
   const typographer = options.typographer ?? false;
   const validationLevel = options.validationLevel || "error";
@@ -162,7 +163,7 @@ export const markdocPreprocess = (options: Options = {}): PreprocessorGroup => {
         partials: { ...partialsFromSchema, ...partialsFromPartials },
         // Make $frontmatter available as variable
         variables: { ...configFromSchema.variables, ...variables, frontmatter },
-        headingSlugger
+        headingSlugger,
       };
 
       // Validate Markdoc AST
@@ -184,7 +185,7 @@ export const markdocPreprocess = (options: Options = {}): PreprocessorGroup => {
         }
         return [];
       };
-      const headings = getHeadings()
+      const headings = getHeadings();
 
       // Render Markdoc AST to Svelte
       const svelteContent = render(transformedContent);
@@ -212,7 +213,7 @@ export const markdocPreprocess = (options: Options = {}): PreprocessorGroup => {
         extractUsedSvelteComponents(transformedContent);
       const componentImportStatements = getComponentImports(
         usedSvelteComponentNames,
-        componentsPath
+        componentsPath,
       );
 
       // Construct script tag content

src/types.ts

@@ -121,8 +121,8 @@ export interface MarkdocModule {
   headings?: Heading[];
 }
 
-export type SluggerType = ((value: string) => string)
+export type SluggerType = (value: string) => string;
 
 export interface MarkdocSvelteConfig extends Config {
-  headingSlugger?: SluggerType
+  headingSlugger?: SluggerType;
 }