commit 6baefaed19e7edeca1e9f3733472ab4ae4999e29
parent b588a28f2ecd82667addd978ed19993f823d62a2
Author: Sunny <kajimalu10@gmail.com>
Date: Sun, 23 Mar 2025 21:33:50 +0900
add translation
Diffstat:
6 files changed, 37 insertions(+), 14 deletions(-)
diff --git a/index.html b/index.html
@@ -1,13 +1,16 @@
<!doctype html>
<html lang="jp">
- <head>
- <meta charset="UTF-8" name="hw-gs-player"/>
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>hw-gs-player</title>
- </head>
- <body>
- <div id="app"></div>
- <script type="module" src="/src/main.ts"></script>
- </body>
-</html>
+
+<head>
+ <meta charset="UTF-8" name="hw-gs-player" />
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>GS Player</title>
+</head>
+
+<body>
+ <div id="app"></div>
+ <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>+
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
@@ -13,7 +13,7 @@ const closeMenu = (event: Event) => {
}
};
-const { locale } = useI18n();
+const { locale, t } = useI18n();
const changeLanguage = (lang: string) => {
locale.value = lang;
localStorage.setItem("selectedLanguage", lang);
@@ -21,6 +21,7 @@ const changeLanguage = (lang: string) => {
const updateBodyClass = () => {
document.body.className = `locale-${locale.value}`;
+ document.title = t('appTitle.name');
};
watch(locale, updateBodyClass);
@@ -44,7 +45,7 @@ onBeforeUnmount(() => {
<header>
<nav>
<div class="title_bar">
- <p><router-link to="/">GS Player</router-link></p>
+ <p><router-link to="/">{{ $t('appTitle.name') }}</router-link></p>
</div>
<div class="hamburger_btn" @click.stop="MenuButton = !MenuButton">
<span class="line line_01" :class="{ 'btn_line01': MenuButton }"></span>
@@ -54,8 +55,10 @@ onBeforeUnmount(() => {
<div class="menu" :class="{ open: MenuButton }">
<ul>
<li><router-link to="/" @click="MenuButton = false">{{ $t('menu.top') }}</router-link></li>
- <li><router-link to="/about" @click="MenuButton = false">{{ $t('menu.about') }}</router-link></li>
+ <li><router-link to="/favorite" @click="MenuButton = false">{{ $t('menu.tracklist') }}</router-link></li>
<li><router-link to="/favorite" @click="MenuButton = false">Favorite</router-link></li>
+ <hr>
+ <li><router-link to="/about" @click="MenuButton = false">{{ $t('menu.about') }}</router-link></li>
<li><router-link to="/terms" @click="MenuButton = false">{{ $t('menu.terms') }}</router-link></li>
<li><router-link to="/policy" @click="MenuButton = false">{{ $t('menu.policy') }}</router-link></li>
<li><router-link to="/enquiries" @click="MenuButton = false">{{ $t('menu.enquiries') }}</router-link></li>
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -1,6 +1,10 @@
{
+ "appTitle": {
+ "name": "GS Player"
+ },
"menu": {
"top": "Top",
+ "tracklist": "Tracklist",
"about": "About",
"terms": "Terms of Use",
"policy": "Privacy Policy",
diff --git a/src/locales/ja.json b/src/locales/ja.json
@@ -1,6 +1,10 @@
{
+ "appTitle": {
+ "name": "GS Player"
+ },
"menu": {
"top": "Top",
+ "tracklist": "Tracklist",
"about": "About",
"terms": "利用規約",
"policy": "プライバシーポリシー",
diff --git a/src/locales/ko.json b/src/locales/ko.json
@@ -1,6 +1,10 @@
{
+ "appTitle": {
+ "name": "GS 플레이어"
+ },
"menu": {
"top": "홈화면",
+ "tracklist": "트랙리스트",
"about": "소개",
"terms": "이용 약관",
"policy": "개인정보 보호정책",
diff --git a/src/locales/zh.json b/src/locales/zh.json
@@ -1,6 +1,10 @@
{
+ "appTitle": {
+ "name": "GS 播放器"
+ },
"menu": {
"top": "首页",
+ "tracklist": "曲目列表",
"about": "关于",
"terms": "使用条款",
"policy": "隐私政策",
