+ )
+}
+
+export default Home1
\ No newline at end of file
diff --git a/youtube_collection_web/src/components/Login.js b/youtube_collection_web/src/components/Login.js
new file mode 100644
index 0000000..587ce8f
--- /dev/null
+++ b/youtube_collection_web/src/components/Login.js
@@ -0,0 +1,18 @@
+import React from 'react'
+import { useNavigate } from 'react-router-dom';
+import { Button } from 'antd'
+
+function Login() {
+ const navigate = useNavigate();
+ function button_onclick() {
+ navigate('/home')
+ }
+ return (
+
+
+
+
+ )
+}
+
+export default Login
\ No newline at end of file
diff --git a/youtube_collection_web/src/i18n.ts b/youtube_collection_web/src/i18n.ts
new file mode 100644
index 0000000..bb323f9
--- /dev/null
+++ b/youtube_collection_web/src/i18n.ts
@@ -0,0 +1,27 @@
+import { initReactI18next } from 'react-i18next';
+import i18n from 'i18next';
+import resources from './assets/locales/resources.js';
+// the translations
+// (tip move them in a JSON file and import them,
+// or even better, manage them via a UI: https://react.i18next.com/guides/multiple-translation-files#manage-your-translations-with-a-management-gui)
+
+let localLang = sessionStorage.getItem('lang');
+const browserLang = navigator.language;
+if (!localLang) {
+ localLang = browserLang === 'zh-CN' ? 'zh-CN' : 'en-US';
+}
+
+i18n
+ .use(initReactI18next) // passes i18n down to react-i18next
+ .init({
+ resources,
+ lng: localLang, // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
+ // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
+ // if you're using a language detector, do not define the lng option
+
+ interpolation: {
+ escapeValue: false, // react already safes from xss
+ },
+ });
+
+export default i18n;
diff --git a/youtube_collection_web/src/index.js b/youtube_collection_web/src/index.js
index 7a6abde..a2f28b8 100644
--- a/youtube_collection_web/src/index.js
+++ b/youtube_collection_web/src/index.js
@@ -4,6 +4,7 @@ import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';
+import './i18n.ts' // 新增：导入i18n
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(