From 1a15159e41e7de7432c645db11f7793d27dcf61d Mon Sep 17 00:00:00 2001
From: BearToCode <davidebasso03@gmail.com>
Date: Sun, 11 Aug 2024 09:54:58 +0200
Subject: [PATCH] chore: fix lint issues

---
 docs/src/pages/plugins/component.svelte.md  | 14 +++++----
 packages/carta-md/src/lib/internal/carta.ts | 34 ++++++++++++++++-----
 packages/plugin-component/README.md         | 14 +++++----
 3 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/docs/src/pages/plugins/component.svelte.md b/docs/src/pages/plugins/component.svelte.md
index af02d8ce..210fefcd 100644
--- a/docs/src/pages/plugins/component.svelte.md
+++ b/docs/src/pages/plugins/component.svelte.md
@@ -113,14 +113,16 @@ When pre-rendering content on the server (using the `<PreRendered>` component),
 
 	export let data;
 
-  let container;
+	let container;
 
-  // Needs access to the mapped components
-  const mapped = /* ... */;
+	// Needs access to the mapped components
+	const mapped = [
+		/* ... */
+	];
 
-  onMount(() => {
-    initializeComponents(mapped, container);
-  })
+	onMount(() => {
+		initializeComponents(mapped, container);
+	});
 </script>
 
 <div bind:this={container}>
diff --git a/packages/carta-md/src/lib/internal/carta.ts b/packages/carta-md/src/lib/internal/carta.ts
index 8a90f380..62b18587 100644
--- a/packages/carta-md/src/lib/internal/carta.ts
+++ b/packages/carta-md/src/lib/internal/carta.ts
@@ -2,7 +2,7 @@ import type { SvelteComponent } from 'svelte';
 import { unified, type Processor } from 'unified';
 import remarkParse from 'remark-parse';
 import remarkGfm, { type Options as GfmOptions } from 'remark-gfm';
-import remarkRehype, {Options as RehypeOptions} from 'remark-rehype'
+import remarkRehype, { type Options as RehypeOptions } from 'remark-rehype';
 import rehypeStringify from 'rehype-stringify';
 import type { TextAreaHistoryOptions } from './history';
 import { InputEnhancer } from './input';
@@ -125,7 +125,7 @@ export interface Options {
 	/**
 	 * Options that will be passed to rehype
 	 */
-	rehypeOptions?: RehypeOptions
+	rehypeOptions?: RehypeOptions;
 }
 
 /**
@@ -214,7 +214,7 @@ export class Carta {
 	public readonly gfmOptions: GfmOptions | undefined;
 	public readonly syncProcessor: Processor;
 	public readonly asyncProcessor: Promise<Processor>;
-	private readonly rehypeOptions: RehypeOptions
+	private readonly rehypeOptions: RehypeOptions;
 	private mElement: HTMLDivElement | undefined;
 	private mInput: InputEnhancer | undefined;
 	private mRenderer: Renderer | undefined;
@@ -279,7 +279,7 @@ export class Carta {
 		this.components = [];
 		this.grammarRules = [];
 		this.highlightingRules = [];
-		this.rehypeOptions = options?.rehypeOptions ?? {}
+		this.rehypeOptions = options?.rehypeOptions ?? {};
 		const listeners = [];
 		for (const ext of options?.extensions ?? []) {
 			this.keyboardShortcuts.push(...(ext.shortcuts ?? []));
@@ -347,8 +347,14 @@ export class Carta {
 		}
 
 		this.gfmOptions = options?.gfmOptions;
-		this.syncProcessor = this.setupSynchronousProcessor({ gfmOptions: this.gfmOptions, rehypeOptions: this.rehypeOptions });
-		this.asyncProcessor = this.setupAsynchronousProcessor({ gfmOptions: this.gfmOptions, rehypeOptions: this.rehypeOptions  });
+		this.syncProcessor = this.setupSynchronousProcessor({
+			gfmOptions: this.gfmOptions,
+			rehypeOptions: this.rehypeOptions
+		});
+		this.asyncProcessor = this.setupAsynchronousProcessor({
+			gfmOptions: this.gfmOptions,
+			rehypeOptions: this.rehypeOptions
+		});
 
 		for (const ext of options?.extensions ?? []) {
 			if (ext.onLoad) {
@@ -359,7 +365,13 @@ export class Carta {
 		}
 	}
 
-	private setupSynchronousProcessor({ gfmOptions, rehypeOptions }: { gfmOptions?: GfmOptions, rehypeOptions?: RehypeOptions }) {
+	private setupSynchronousProcessor({
+		gfmOptions,
+		rehypeOptions
+	}: {
+		gfmOptions?: GfmOptions;
+		rehypeOptions?: RehypeOptions;
+	}) {
 		const syncProcessor = unified();
 
 		const remarkPlugins = this.mSyncTransformers.filter((it) => it.type === 'remark');
@@ -383,7 +395,13 @@ export class Carta {
 		return syncProcessor;
 	}
 
-	private async setupAsynchronousProcessor({ gfmOptions }: { gfmOptions?: GfmOptions, rehypeOptions?: RehypeOptions }) {
+	private async setupAsynchronousProcessor({
+		gfmOptions,
+		rehypeOptions
+	}: {
+		gfmOptions?: GfmOptions;
+		rehypeOptions?: RehypeOptions;
+	}) {
 		const asyncProcessor = unified();
 
 		const remarkPlugins = [...this.mSyncTransformers, ...this.mAsyncTransformers].filter(
diff --git a/packages/plugin-component/README.md b/packages/plugin-component/README.md
index 35e381bd..0642ce94 100644
--- a/packages/plugin-component/README.md
+++ b/packages/plugin-component/README.md
@@ -84,14 +84,16 @@ When pre-rendering content on the server (using the `<PreRendered>` component),
 
 	export let data;
 
-  let container;
+	let container;
 
-  // Needs access to the mapped components
-  const mapped = /* ... */;
+	// Needs access to the mapped components
+	const mapped = [
+		/* ... */
+	];
 
-  onMount(() => {
-    initializeComponents(mapped, container);
-  })
+	onMount(() => {
+		initializeComponents(mapped, container);
+	});
 </script>
 
 <div bind:this={container}>