fix: fix eslint issues

.github/workflows/deploy.yml

@@ -57,7 +57,7 @@ jobs:
         with:
           token: ${{ secrets.GH_TOKEN }}
           submodules: true
-      
+
       - name: Create .env file
         run: |
           echo "NEXT_PUBLIC_ALGOLIA_APP_ID=${{ secrets.NEXT_PUBLIC_ALGOLIA_APP_ID }}" >> .env

.github/workflows/test.yml

@@ -0,0 +1,50 @@
+name: 🧪 Test
+
+on:
+  pull_request:
+    branches: [dev]
+  workflow_dispatch:
+  workflow_call:
+
+concurrency:
+  group: ci-test-${{ github.sha }}
+  cancel-in-progress: false
+
+permissions:
+  contents: read
+  pull-requests: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: recursive
+          token: ${{ secrets.GH_TOKEN }}
+
+      - name: Setup Node.js
+        uses: ./.github/actions/setup-node
+        with:
+          npmtoken: ${{ secrets.VERDACCIO_TOKEN }}
+
+      - name: Check Build
+        run: pnpm build
+
+  lint:
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: recursive
+          token: ${{ secrets.GH_TOKEN }}
+
+      - name: Setup Node.js
+        uses: ./.github/actions/setup-node
+        with:
+          npmtoken: ${{ secrets.VERDACCIO_TOKEN }}
+
+      - name: Check eslint
+        run: pnpm lint

app/[lang]/[[...mdxPath]]/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next'
+import { generateStaticParamsFor, importPage } from 'nextra/pages'
 import FeedbackMessage from '@/components/feedback-message'
 import { useMDXComponents } from '@/mdx-components'
-import { generateStaticParamsFor, importPage } from 'nextra/pages'
 
 export const generateStaticParams = generateStaticParamsFor('mdxPath')
 

app/[lang]/layout.tsx

@@ -1,12 +1,12 @@
 import type { Metadata } from 'next'
+import { Layout } from 'nextra-theme-docs'
+import { Head } from 'nextra/components'
+import { getPageMap } from 'nextra/page-map'
 import Banner from '@/components/banner'
 import Copyright from '@/components/copyright'
 import DocSearch from '@/components/doc-search'
 import Navbar from '@/components/navbar'
 import TocBackToTop from '@/components/toc-back-to-top'
-import { Layout } from 'nextra-theme-docs'
-import { Head } from 'nextra/components'
-import { getPageMap } from 'nextra/page-map'
 
 import { version } from '../../package.json'
 

components/banner.tsx

@@ -1,9 +1,9 @@
 'use client'
 
-import { useTranslation } from '@/hooks/i18n'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { Banner as NextraBanner } from 'nextra/components'
+import { useTranslation } from '@/hooks/i18n'
 
 interface IProps {
   version: string

components/business-plan-notice.tsx

@@ -1,6 +1,6 @@
-import { useTranslation } from '@/hooks/i18n'
 import { usePathname } from 'next/navigation'
 import { Callout } from 'nextra/components'
+import { useTranslation } from '@/hooks/i18n'
 
 export default function BusinessPlanNotice() {
   const pathname = usePathname()

components/feature-box.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useTranslation } from '@/hooks/i18n'
 import { usePathname } from 'next/navigation'
+import { useTranslation } from '@/hooks/i18n'
 
 export default function FeatureBox() {
   const pathname = usePathname()

components/feedback-message.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { useTranslation } from '@/hooks/i18n'
 import { FeelbackTaggedMessage, PRESET_EVALUATION } from '@feelback/react'
 import { usePathname } from 'next/navigation'
+import { useTranslation } from '@/hooks/i18n'
 
 import '@feelback/react/styles/feelback.css'
 

components/product-selector.tsx

@@ -1,10 +1,10 @@
 'use client'
 
-import { useTranslation } from '@/hooks/i18n'
-import clsx from '@/lib/clsx'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from '@/hooks/i18n'
+import clsx from '@/lib/clsx'
 
 function Icon() {
   return (

components/server-notice.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { useTranslation } from '@/hooks/i18n'
 import { usePathname } from 'next/navigation'
 import { Callout } from 'nextra/components'
+import { useTranslation } from '@/hooks/i18n'
 
 export default function BusinessPlanNotice() {
   const pathname = usePathname()

components/toc-back-to-top.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useTranslation } from '@/hooks/i18n'
 import { usePathname } from 'next/navigation'
+import { useTranslation } from '@/hooks/i18n'
 
 export default function TocBackToTop() {
   const pathname = usePathname()

components/toc-title.tsx

@@ -1,5 +1,5 @@
-import { useTranslation } from '@/hooks/i18n'
 import { usePathname } from 'next/navigation'
+import { useTranslation } from '@/hooks/i18n'
 
 export default function TocTitle() {
   const pathname = usePathname()

content/en-US/_meta.tsx

@@ -1,5 +1,5 @@
-import ProductSelector from '@/components/product-selector'
 import { ShareRangeSingle } from '@univerjs/icons'
+import ProductSelector from '@/components/product-selector'
 
 export default {
   selector: {

content/zh-CN/_meta.tsx

@@ -1,5 +1,5 @@
-import ProductSelector from '@/components/product-selector'
 import { ShareRangeSingle } from '@univerjs/icons'
+import ProductSelector from '@/components/product-selector'
 
 export default {
   selector: {

eslint.config.mjs → eslint.config.ts

@@ -11,7 +11,6 @@ export default antfu({
     'packages/api/public/**/*',
     'packages/showcase/src/*/demo/data.ts',
   ],
-  typescript: true,
   formatters: true,
   markdown: true,
   react: true,

package.json

@@ -2,12 +2,14 @@
   "name": "@univerjs-site/docs",
   "type": "module",
   "version": "0.7.0",
-  "packageManager": "pnpm@10.11.0",
   "private": true,
+  "packageManager": "pnpm@10.11.0",
   "scripts": {
+    "prepare": "simple-git-hooks",
     "dev": "next",
     "build": "NODE_OPTIONS=\"--max-old-space-size=4096\" next build",
-    "start": "next start"
+    "start": "next start",
+    "lint": "eslint ."
   },
   "dependencies": {
     "@docsearch/css": "^3.9.0",
@@ -21,7 +23,7 @@
     "@univerjs/uniscript": "0.8.0-beta.1",
     "@univerjs/watermark": "0.8.0-beta.1",
     "clsx": "^2.1.1",
-    "next": "15.3.2",
+    "next": "15.3.3",
     "nextra": "^4.2.17",
     "nextra-theme-docs": "^4.2.17",
     "react": "19.1.0",
@@ -30,15 +32,28 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.13.2",
+    "@eslint-react/eslint-plugin": "^1.50.0",
     "@tailwindcss/postcss": "^4.1.8",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.5",
-    "eslint": "^9.27.0",
+    "eslint": "^9.28.0",
+    "eslint-plugin-format": "^1.0.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-readable-tailwind": "^2.1.2",
     "file-loader": "^6.2.0",
+    "lint-staged": "^16.1.0",
     "postcss": "^8.5.4",
     "shiki": "^3.4.2",
+    "simple-git-hooks": "^2.13.0",
     "tailwindcss": "^4.1.8",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.8.3"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
+  },
+  "lint-staged": {
+    "!submodules/*": "eslint"
   }
 }