docs: add docs for typescript with ts-blank-space-eslint-parser setup

Author: Rel1cx

website/app/layout.config.tsx

@@ -36,14 +36,14 @@ export const baseOptions: BaseLayoutProps = {
       url: "/docs/presets",
       active: "nested-url",
     },
-    {
-      text: "Changelog",
-      url: "https://github.com/Rel1cx/eslint-react/releases",
-    },
     {
       text: "Roadmap",
       url: "/docs/roadmap",
       active: "nested-url",
     },
+    {
+      text: "Changelog",
+      url: "https://github.com/Rel1cx/eslint-react/releases",
+    },
   ],
 };

website/content/docs/getting-started/javascript-with-babel.mdx renamed to website/content/docs/getting-started/javascript-with-babel-eslint-parser.mdx

@@ -1,5 +1,5 @@
 ---
-title: JavaScript + Babel
+title: JavaScript with alternative parser
 description: Getting started with JavaScript + Babel setup
 ---
 

website/content/docs/getting-started/meta.json

@@ -1,5 +1,10 @@
 {
   "title": "Getting Started",
-  "pages": ["javascript", "typescript", "javascript-with-babel"],
+  "pages": [
+    "javascript",
+    "javascript-with-babel-eslint-parser",
+    "typescript",
+    "typescript-with-ts-blank-space-eslint-parser"
+  ],
   "defaultOpen": true
 }

website/content/docs/getting-started/typescript-with-ts-blank-space-eslint-parser.mdx

@@ -0,0 +1,71 @@
+---
+title: TypeScript with alternative parser
+description: Getting started with TypeScript + TS Blank Space ESLint Parser setup
+---
+
+## Install
+
+```sh copy title="Terminal"
+# npm
+npm install --save-dev eslint ts-blank-space-eslint-parser @eslint-react/eslint-plugin
+
+# pnpm
+pnpm add --save-dev eslint ts-blank-space-eslint-parser @eslint-react/eslint-plugin
+
+# yarn
+yarn add --dev eslint ts-blank-space-eslint-parser @eslint-react/eslint-plugin
+```
+
+## Setup
+
+```js title="eslint.config.js"
+
+// @ts-check
+import eslintJs from "@eslint/js";
+import eslintReact from "@eslint-react/eslint-plugin";
+import tsBlankSpaceEslintParser from "ts-blank-space-eslint-parser";
+
+export default tseslint.config({
+  files: ["**/*.ts", "**/*.tsx"],
+  extends: [
+    eslintJs.configs.recommended,
+    eslintReact.configs.recommended,
+  ],
+  languageOptions: {
+    parser: tsBlankSpaceEslintParser,
+  },
+});
+```
+
+## Setup with Fallback Parsers
+
+```js title="eslint.config.js"
+
+// @ts-check
+import eslintJs from "@eslint/js";
+import eslintReact from "@eslint-react/eslint-plugin";
+import tsBlankSpaceEslintParser from "ts-blank-space-eslint-parser";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config({
+  files: ["**/*.ts", "**/*.tsx"],
+  extends: [
+    eslintJs.configs.recommended,
+    eslintReact.configs.recommended,
+  ],
+  languageOptions: {
+    parser: tsBlankSpaceEslintParser,
+    parserOptions: {
+      // Fallback to `@typescript-eslint/parser` when `ts-blank-space-eslint-parser` fails
+      fallbackParsers: [
+        {
+          parser: tseslint.parser,
+          parserOptions: {
+            projectService: true,
+          },
+        },
+      ],
+    },
+  },
+});
+```