diff --git a/packages/ui-next/index.ts b/packages/ui-next/index.ts
index 61f555460..74e257f79 100644
--- a/packages/ui-next/index.ts
+++ b/packages/ui-next/index.ts
@@ -1,104 +1,104 @@
 import fs from 'fs';
 import path from 'path';
+import { serializer } from '@hydrooj/framework';
+import { Context } from 'hydrooj';
 import importMetaUrlPlugin from '@chialab/esbuild-plugin-meta-url';
 import react from '@vitejs/plugin-react';
 import c2k from 'koa2-connect/ts';
 import { createServer, type Plugin } from 'vite';
-import { serializer } from '@hydrooj/framework';
-import { Context } from 'hydrooj';
 import type { PageData } from './src/context/pageData';
 
 const INJECT_MARKER = '<!-- __HYDRO_INJECTION__DO_NOT_REMOVE_THIS__ -->';
 const buildInject = (str: string) => `<script id="__HYDRO_INJECTION__" type="application/json">${str}</script>`;
 
 function hydroPlugins(): Plugin {
-    const virtualModuleId = 'virtual:hydro-plugins';
-    const resolvedVirtualModuleId = `\0${virtualModuleId}`;
+  const virtualModuleId = 'virtual:hydro-plugins';
+  const resolvedVirtualModuleId = `\0${virtualModuleId}`;
 
-    return {
-        name: 'hydro-plugins',
-        resolveId(id) {
-            if (id === virtualModuleId) {
-                return resolvedVirtualModuleId;
-            }
-            return undefined;
-        },
-        load(id) {
-            if (id === resolvedVirtualModuleId) {
-                const entries: string[] = [];
-                for (const addon of Object.values(global.addons)) {
-                    const uiEntry = path.resolve(addon, 'ui', 'index.ts');
-                    if (fs.existsSync(uiEntry)) entries.push(uiEntry);
-                }
-                if (!entries.length) return 'export default [];';
-                const imports = entries.map((e, i) => `import * as plugin${i} from '${e}';`).join('\n');
-                const exports = `export default [${entries.map((_, i) => `plugin${i}`).join(', ')}];`;
-                return `${imports}\n${exports}`;
-            }
-            return undefined;
-        },
-    };
+  return {
+    name: 'hydro-plugins',
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+      return undefined;
+    },
+    load(id) {
+      if (id === resolvedVirtualModuleId) {
+        const entries: string[] = [];
+        for (const addon of Object.values(global.addons)) {
+          const uiEntry = path.resolve(addon, 'ui', 'index.ts');
+          if (fs.existsSync(uiEntry)) entries.push(uiEntry);
+        }
+        if (!entries.length) return 'export default [];';
+        const imports = entries.map((e, i) => `import * as plugin${i} from '${e}';`).join('\n');
+        const exports = `export default [${entries.map((_, i) => `plugin${i}`).join(', ')}];`;
+        return `${imports}\n${exports}`;
+      }
+      return undefined;
+    },
+  };
 }
 
 export async function apply(ctx: Context) {
-    if (process.env.HYDRO_CLI) return;
-    // 现在只是开发环境的实现，生产环境的实现还未完成
-    const vite = await createServer({
-        server: {
-            middlewareMode: true,
-            hmr: {
-                port: 3010,
-            },
-            headers: {
-                'Cross-Origin-Opener-Policy': 'same-origin',
-                'Cross-Origin-Embedder-Policy': 'require-corp',
-            },
-            // allowedHosts: ['beta.hydro.ac'],
-        },
-        appType: 'custom',
-        root: __dirname,
-        base: '/',
-        plugins: [react(), hydroPlugins()],
-        optimizeDeps: {
-            esbuildOptions: {
-                plugins: [
-                    // @ts-ignore
-                    importMetaUrlPlugin(),
-                ],
-            },
-        },
-        worker: {
-            format: 'es',
-        },
-    });
-    const middleware = c2k(vite.middlewares);
-    const capture = ['/@vite/', '/src/', '/node_modules/', '/@react-refresh', '/@fs', '/@id/'];
-    for (const route of capture) {
-        ctx.server.addCaptureRoute(route, middleware);
-    }
-    const html = fs.readFileSync(path.join(__dirname, 'index.html'), 'utf-8');
-    ctx.server.registerRenderer('next', {
-        name: 'next',
-        accept: [],
-        output: 'html',
-        asFallback: true,
-        priority: 100,
-        async render(name, args, context) {
-            const data: PageData = {
-                HYDRO_INJECTED: true,
-                name,
-                args,
-                url: context.handler.context.req.url,
-                routeMap: ctx.server.routeMap,
-            };
-            const serialized = JSON.stringify(data, serializer(false, context.handler));
-            const htmlToRender = html.replace(INJECT_MARKER, buildInject(serialized));
-            return await vite.transformIndexHtml(context.handler.context.req.url!, htmlToRender);
-        },
-    });
+  if (process.env.HYDRO_CLI) return;
+  // 现在只是开发环境的实现，生产环境的实现还未完成
+  const vite = await createServer({
+    server: {
+      middlewareMode: true,
+      hmr: {
+        port: 3010,
+      },
+      headers: {
+        'Cross-Origin-Opener-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+      },
+      // allowedHosts: ['beta.hydro.ac'],
+    },
+    appType: 'custom',
+    root: __dirname,
+    base: '/',
+    plugins: [react(), hydroPlugins()],
+    optimizeDeps: {
+      esbuildOptions: {
+        plugins: [
+          // @ts-ignore
+          importMetaUrlPlugin(),
+        ],
+      },
+    },
+    worker: {
+      format: 'es',
+    },
+  });
+  const middleware = c2k(vite.middlewares);
+  const capture = ['/@vite/', '/src/', '/node_modules/', '/@react-refresh', '/@fs', '/@id/'];
+  for (const route of capture) {
+    ctx.server.addCaptureRoute(route, middleware);
+  }
+  const html = fs.readFileSync(path.join(__dirname, 'index.html'), 'utf-8');
+  ctx.server.registerRenderer('next', {
+    name: 'next',
+    accept: [],
+    output: 'html',
+    asFallback: true,
+    priority: 100,
+    async render(name, args, context) {
+      const data: PageData = {
+        HYDRO_INJECTED: true,
+        name,
+        args,
+        url: context.handler.context.req.url!,
+        routeMap: ctx.server.routeMap,
+      };
+      const serialized = JSON.stringify(data, serializer(false, context.handler));
+      const htmlToRender = html.replace(INJECT_MARKER, buildInject(serialized));
+      return await vite.transformIndexHtml(context.handler.context.req.url!, htmlToRender);
+    },
+  });
 
-    // eslint-disable-next-line consistent-return
-    return async () => {
-        await vite.close().catch((e) => console.error(e));
-    };
+  // eslint-disable-next-line consistent-return
+  return async () => {
+    await vite.close().catch((e) => console.error(e));
+  };
 }