diff --git a/src/constants/data.ts b/src/constants/data.ts
index 4aa4f82a..5a8bf137 100644
--- a/src/constants/data.ts
+++ b/src/constants/data.ts
@@ -23,6 +23,7 @@ export enum TimeType {
 export const Languages = [
   { label: "English", value: "en" },
   { label: "Chinese", value: "zh" },
+  { label: "Spanish", value: "es" },
 ];
 
 export const RoutesMap: { [key: string]: string } = {
diff --git a/src/locales/index.ts b/src/locales/index.ts
index 4480c941..9d161104 100644
--- a/src/locales/index.ts
+++ b/src/locales/index.ts
@@ -17,10 +17,12 @@
 import { createI18n } from "vue-i18n";
 import zh from "./lang/zh";
 import en from "./lang/en";
+import es from "./lang/es";
 
 const messages = {
   en,
   zh,
+  es,
 };
 
 const savedLanguage = window.localStorage.getItem("language");