-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feat/Add LocaleSwitch component #141
Conversation
✅ Deploy Preview for vuefes-2024 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
return router.currentRoute.value.path.replace(`/${LANGUAGES.ENGLISH}`, '') | ||
} | ||
const setSwitchStatus = () => { | ||
isChecked.value = router.currentRoute.value.path.includes(LANGUAGES.ENGLISH) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
pathのなかに en
があるだけでマッチしそうなので、 /en/ とかにしたほうがよいよーなきがします
たとえば /children とかでも 英語だと判断される?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
探索的に確認はしていないですが、トップページでhttps://vuefes.jp/2024/en
となるケースがないのであれば、確かに/en/
の方が妥当だと思います。
説明にも書きましたが、トレイリングスラッシュの対応がされている場合は以下の処理を削除できます。
// トレイリングスラッシュ対策
if (path === '') {
router.push('/')
return
}
* { | ||
--box-shadow: 0 1px 4px color-mix(in srgb, var(--color-vue-blue), transparent calc(100% - 14%)); | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
全タグに対して変数宣言しているよーに見えますが、なにかこれが悪さしないかちょっとだけ心配です。
でも、動いていればとりあえずokです。
(もしくはこれが一般的な書き方?)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
scopedなのであくまで影響範囲はLocaleSwitchコンポーネント内のため、問題なしと判断しました。
一般的かどうかまでは調べきれていないので、コンポーネント全体への定義で他に一般的な使用方法があればそちらを検討したいです。(locale-switch-button
への定義でも構わない)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
2点コメントしました。
どちらもリリース後対応でも良いと思います。
issue
https://github.com/vuejs-jp/vuefes-2024-backside/issues/158
Details of Changes
Others
Screenshots
※Adobe CC 未契約により、DIN 2014がインストールされていません。
スクリーンショットがデザインカンプと異なっているため、フォントお持ちの方ご確認お願い致します。