fix: lint

Signed-off-by: Innei <[email protected]>

Author: Innei

.github/workflows/build-storybook.yml

@@ -25,7 +25,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install

.prettierrc.mjs

@@ -1,6 +1,9 @@
-import config from '@innei/prettier'
-
 export default {
-  ...config,
-  // printWidth: 120,
+  semi: false,
+  singleQuote: false,
+  printWidth: 100,
+  tabWidth: 2,
+  trailingComma: "all",
+  objectWrap: "preserve",
+  plugins: ["prettier-plugin-tailwindcss"],
 }

eslint.config.mjs

@@ -1,57 +1,57 @@
 // @ts-check
-import { defineConfig } from 'eslint-config-hyoban'
+import { defineConfig } from "eslint-config-hyoban"
 
 export default defineConfig(
   {
     formatting: false,
     lessOpinionated: true,
     ignores: [],
     preferESM: false,
-    react: 'next',
+    react: "next",
     tailwindCSS: true,
   },
   {
     settings: {
       tailwindcss: {
-        whitelist: ['center'],
+        whitelist: ["center"],
       },
     },
     rules: {
-      'package-json/valid-package-def': 'off',
-      '@eslint-react/no-missing-key': 'warn',
-      'no-restricted-syntax': 'off',
-      'import/no-anonymous-default-export': 'off',
-      eqeqeq: 'warn',
-      'no-console': 'warn',
-      '@eslint-react/dom/no-missing-button-type': 0,
-      'unicorn/prefer-math-trunc': 'off',
-      'unicorn/prefer-dom-node-remove': 'off',
-      '@typescript-eslint/no-unsafe-function-type': 'off',
-      'no-empty': 'off',
-      '@typescript-eslint/no-empty-object-type': 'warn',
-      'unicorn/prefer-query-selector': 0,
-      'regexp/no-super-linear-backtracking': 0,
-      'regexp/no-useless-assertions': 0,
-      'unicorn/no-new-array': 0,
-      '@typescript-eslint/method-signature-style': 0,
-      'unicorn/prefer-code-point': 'warn',
-      'unicorn/no-object-as-default-parameter': 'warn',
-      'unused-imports/no-unused-vars': 'warn',
-      '@eslint-react/no-unstable-default-props': 'warn',
-      'unicorn/prefer-regexp-test': 'warn',
-      'no-unsafe-optional-chaining': 'warn',
-      'unicorn/prefer-logical-operator-over-ternary': 'warn',
-      'arrow-body-style': 0,
-      'unicorn/no-array-callback-reference': 0,
-      'prefer-regex-literals': 0,
-      'regexp/optimal-quantifier-concatenation': 'warn',
-      'unicorn/prefer-string-slice': 0,
-      'array-callback-return': 0,
-      'regexp/no-unused-capturing-group': 1,
-      'unicorn/no-anonymous-default-export': 0,
-      'unicorn/no-magic-array-flat-depth': 1,
-      'react-refresh/only-export-components': 0,
-      '@eslint-react/no-clone-element': 0,
+      "package-json/valid-package-def": "off",
+      "@eslint-react/no-missing-key": "warn",
+      "no-restricted-syntax": "off",
+      "import/no-anonymous-default-export": "off",
+      eqeqeq: "warn",
+      "no-console": "warn",
+      "@eslint-react/dom/no-missing-button-type": 0,
+      "unicorn/prefer-math-trunc": "off",
+      "unicorn/prefer-dom-node-remove": "off",
+      "@typescript-eslint/no-unsafe-function-type": "off",
+      "no-empty": "off",
+      "@typescript-eslint/no-empty-object-type": "warn",
+      "unicorn/prefer-query-selector": 0,
+      "regexp/no-super-linear-backtracking": 0,
+      "regexp/no-useless-assertions": 0,
+      "unicorn/no-new-array": 0,
+      "@typescript-eslint/method-signature-style": 0,
+      "unicorn/prefer-code-point": "warn",
+      "unicorn/no-object-as-default-parameter": "warn",
+      "unused-imports/no-unused-vars": "warn",
+      "@eslint-react/no-unstable-default-props": "warn",
+      "unicorn/prefer-regexp-test": "warn",
+      "no-unsafe-optional-chaining": "warn",
+      "unicorn/prefer-logical-operator-over-ternary": "warn",
+      "arrow-body-style": 0,
+      "unicorn/no-array-callback-reference": 0,
+      "prefer-regex-literals": 0,
+      "regexp/optimal-quantifier-concatenation": "warn",
+      "unicorn/prefer-string-slice": 0,
+      "array-callback-return": 0,
+      "regexp/no-unused-capturing-group": 1,
+      "unicorn/no-anonymous-default-export": 0,
+      "unicorn/no-magic-array-flat-depth": 1,
+      "react-refresh/only-export-components": 0,
+      "@eslint-react/no-clone-element": 0,
     },
   },
 )

global.d.ts

@@ -1,4 +1,4 @@
-import type { FC, PropsWithChildren } from 'react'
+import type { FC, PropsWithChildren } from "react"
 
 declare global {
   export type NextErrorProps = {
@@ -31,17 +31,17 @@ declare global {
   }
 }
 
-declare module 'react' {
+declare module "react" {
   export interface AriaAttributes {
-    'data-hide-print'?: boolean
-    'data-event'?: string
-    'data-testid'?: string
+    "data-hide-print"?: boolean
+    "data-event"?: string
+    "data-testid"?: string
   }
 }
 
 export {}
 
-declare module '@mx-space/api-client' {
+declare module "@mx-space/api-client" {
   export interface PostMeta {
     style?: string
     cover?: string

markdown/sections/usage/custom-component.md

@@ -7,16 +7,13 @@
 你可以在 `src/markdown-components/index.tsx` 添加任何你的组件，例如
 
 ```tsx filename="src/markdown-components/index.tsx"
-import type { MarkdownToJSX } from 'markdown-to-jsx'
+import type { MarkdownToJSX } from "markdown-to-jsx"
 
-import { Divider } from '~/components/divider'
+import { Divider } from "~/components/divider"
 
 export const markdownComponents: MarkdownToJSX.Overrides = {
-  Demo: () => (
-    <div className="rounded-md bg-cyan-400 p-2">This is a demo component</div>
-  ),
+  Demo: () => <div className="rounded-md bg-cyan-400 p-2">This is a demo component</div>,
 }
-
 ```
 
 使用这个组件。
@@ -45,6 +42,7 @@ export const markdownComponents: MarkdownToJSX.Overrides = {
       )
     }
     ```
+
   </Tab>
   <Tab label="action.tsx">
     ```tsx filename="app/server-action/action.tsx"
@@ -56,39 +54,41 @@ export const markdownComponents: MarkdownToJSX.Overrides = {
       revalidatePath('/server-action')
     }
     ```
+
   </Tab>
 </Tabs>
 
 代码为：
 
 ````mdx
-```md
-
+````md
 <Tabs>
 <Tab label="layout.tsx">
   ```tsx filename="app/server-action/layout.tsx"
   import type { PropsWithChildren } from 'react'
 
-  export default async ({ children }: PropsWithChildren) => {
-    return (
-      <div className="m-auto mt-12 max-w-[800px]">
-        <div>Layout Render At: {Date.now()}</div>
-        {children}
-      </div>
-    )
-  }
-  ```
+export default async ({ children }: PropsWithChildren) => {
+return (
+<div className="m-auto mt-12 max-w-[800px]">
+<div>Layout Render At: {Date.now()}</div>
+{children}
+</div>
+)
+}
+````
+
 </Tab>
 <Tab label="action.tsx">
   ```tsx filename="app/server-action/action.tsx"
   'use server'
 
-  import { revalidatePath } from 'next/cache'
+import { revalidatePath } from 'next/cache'
+
+export const actionRevalidate = async () => {
+revalidatePath('/server-action')
+}
 
-  export const actionRevalidate = async () => {
-    revalidatePath('/server-action')
-  }
-  ```
+```
 </Tab>
 </Tabs>
 
@@ -105,4 +105,4 @@ export const markdownComponents: MarkdownToJSX.Overrides = {
 ```
 ````
 
-<Wip />
+<Wip />

markdown/sections/usage/highlight.md

@@ -43,41 +43,41 @@
 ## 高亮
 
 ```tsx {1}
-const Hi = 'Hi'
+const Hi = "Hi"
 ```
 
 ```tsx
-const Hi = 'Hi' // [!code highlight]
+const Hi = "Hi" // [!code highlight]
 ```
 
 上面的两种用法为：
 
 ````md
 ```tsx {1}
-const Hi = 'Hi'
+const Hi = "Hi"
 ```
 
 ```tsx
-const Hi = 'Hi' // [!code highlight]
+const Hi = "Hi" // [!code highlight]
 ```
 ````
 
 ## Diff
 
 ```tsx
-const Hi = 'Hi' // [!code ++]
+const Hi = "Hi" // [!code ++]
 
-const Foo = 'bar' // [!code --]
+const Foo = "bar" // [!code --]
 ```
 
 上面的用法为：
 
 ````md
 ```tsx
-const Hi = 'Hi' // [!code ++]
+const Hi = "Hi" // [!code ++]
 
-const Foo = 'bar' // [!code --]
+const Foo = "bar" // [!code --]
 ```
 ````
 
-更多信息，请参阅 [Shiki transformers](https://shiki.style/packages/transformers)
+更多信息，请参阅 [Shiki transformers](https://shiki.style/packages/transformers)

markdown/sections/usage/markdown.md

@@ -2,12 +2,10 @@
 
 Markdown 语法在 GFM 中进行了其他扩展。
 
-
 ## Alert
 
 此语法是 GFM 的新增的。
 
-
 ```md
 > [!NOTE]
 > Highlights information that users should take into account, even when skimming.
@@ -30,7 +28,6 @@ Markdown 语法在 GFM 中进行了其他扩展。
 
 ## Notice
 
-
 ```md
 ::: warning
 _here be dragons_
@@ -43,7 +40,6 @@ _here be dragons_
 ::: banner {note}
 _here be dragons_
 :::
-
 ```
 
 ::: warning
@@ -58,8 +54,6 @@ _here be dragons_
 _here be dragons_
 :::
 
-
-
 ## Rich Link
 
 对于单独成行的链接，会有做出不用的渲染。
@@ -130,7 +124,6 @@ https://trpc.io/docs/client/react/useInfiniteQuery
 
 [TRPC](https://trpc.io/docs/client/react/useInfiniteQuery)
 
-
 ## Inline Link Parser
 
 对于内联链接，会根据内置解析增加 Favicon。
@@ -179,7 +172,6 @@ Hi, this is ||Spoiler||
 
 Hi, this is ||Spoiler||
 
-
 ## KateX
 
 ```
@@ -214,4 +206,3 @@ P\left(U,T\right)=100\left.\left(0.6\min\left(1,\frac{U-0.70}{0.90-0.70}\right)+
 
 
 $$
-

next.config.mjs

@@ -1,12 +1,12 @@
-import { bootstarp } from './plugins/json-watcher.mjs'
+import { bootstarp } from "./plugins/json-watcher.mjs"
 
-if (process.env.NODE_ENV === 'development') {
+if (process.env.NODE_ENV === "development") {
   bootstarp()
 }
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: process.env.NODE_ENV === 'production' ? 'export' : 'standalone',
+  output: process.env.NODE_ENV === "production" ? "export" : "standalone",
   eslint: {
     ignoreDuringBuilds: true,
   },
@@ -20,7 +20,7 @@ const nextConfig = {
     config.module.rules.push({
       test: /\.md$/i,
       // use: 'raw-loader',
-      type: 'asset/source',
+      type: "asset/source",
     })
     return config
   },

package.json

@@ -11,6 +11,7 @@
   "scripts": {
     "build": "next build",
     "dev": "next dev -p 9988",
+    "format": "prettier --write .",
     "lint": "eslint --fix",
     "prepare": "pnpm exec simple-git-hooks",
     "start": "next start"
@@ -73,6 +74,7 @@
     "postcss-preset-env": "10.1.5",
     "postcss-prune-var": "1.1.2",
     "prettier": "3.5.3",
+    "prettier-plugin-tailwindcss": "0.6.11",
     "rimraf": "6.0.1",
     "simple-git-hooks": "2.12.1",
     "tailwind-scrollbar": "4.0.1",
@@ -96,4 +98,4 @@
     ],
     "changelog": true
   }
-}
+}