cgsvv
diff --git a/‎components/Header.tsx
+5-3 b/‎components/Header.tsx
+5-3
diff --git a/‎components/Subtitles.tsx
+3-1 b/‎components/Subtitles.tsx
+3-1
diff --git a/‎next-i18next.config.js
+7 b/‎next-i18next.config.js
+7
diff --git a/‎next.config.js
+3 b/‎next.config.js
+3
diff --git a/‎package-lock.json
+131 b/‎package-lock.json
+131
diff --git a/‎package.json
+1 b/‎package.json
+1
diff --git a/‎pages/_app.tsx
+4-1 b/‎pages/_app.tsx
+4-1
@@ -3,17 +3,19 @@ import Github from "./Github";
 import { useLocalStorage } from "react-use";
 import { checkOpenaiApiKey } from "@/lib/openai/openai";
 import { toast, Toaster } from "react-hot-toast";
+import { useTranslation } from 'next-i18next';
 
 export default function Header() {
     const [userKey, setUserKey] = useLocalStorage<string>("user-openai-apikey-trans");
+    const {t} = useTranslation("common");
 
     const setOpenAIKey = () => {
-        const key = prompt("Please enter your OpenAI API key (like sk-xxxx )");
+        const key = prompt(t("Request-Key")!);
         if (key && checkOpenaiApiKey(key)) {
             setUserKey(key);
-            toast.success("OpenAI API key successfully set");
+            toast.success(t("OpenAI API key successfully set"));
         } else {
-            toast.error("OpenAI API key is invalid");
+            toast.error(t("OpenAI API key is invalid"));
         }
     }
 
 
@@ -1,13 +1,15 @@
 import SubTitleLine from "./SubtitleLine";
 import { Node } from "@/lib/srt";
+import { useTranslation } from 'next-i18next';
 
 export default function Subtitles({
         nodes,
         transNodes
     }: {nodes: Node[]; transNodes?: Node[]}) {
+    const {t} = useTranslation("common");
     return (
         <div style={{display: "flex", flexDirection: "column", alignItems: "center"}}>
-            <SubTitleLine timeStamp={"时间戳"} translation={"译文"} content={"原文"} />
+            <SubTitleLine timeStamp={t("timestamp")} translation={t("translated")!} content={t("original")} />
             {
                 nodes.map((node, index) => {
                     let transText;
 
@@ -0,0 +1,7 @@
+
+module.exports = {
+    i18n: {
+        defaultLocale: 'en',
+        locales: ['en', 'zh-CN'],
+    },
+}
@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
+const {i18n} = require('./next-i18next.config');
+
 const nextConfig = {
   reactStrictMode: true,
+  i18n,
 }
 
 module.exports = nextConfig
@@ -21,6 +21,7 @@
     "eslint-config-next": "13.2.3",
     "http-proxy-middleware": "^2.0.6",
     "next": "13.2.3",
+    "next-i18next": "^13.2.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-toast": "^2.4.0",
 
@@ -4,8 +4,9 @@ import { Analytics } from "@vercel/analytics/react";
 import Head from "next/head";
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
+import {appWithTranslation} from "next-i18next";
 
-export default function App({ Component, pageProps }: AppProps) {
+function App({ Component, pageProps }: AppProps) {
   return (
     <div>
       <Head>
@@ -20,3 +21,5 @@ export default function App({ Component, pageProps }: AppProps) {
     </div>
   );
 }
+
+export default appWithTranslation(App);
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,9 @@`
`1`	`1`	`/** @type {import('next').NextConfig} */`
	`2`	`+const {i18n} = require('./next-i18next.config');`
	`3`	`+`
`2`	`4`	`const nextConfig = {`
`3`	`5`	`reactStrictMode: true,`
	`6`	`+ i18n,`
`4`	`7`	`}`
`5`	`8`
`6`	`9`	`module.exports = nextConfig`