mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-17 20:01:33 +02:00
807459d6ed
- Add comprehensive README with project overview, features, and roadmap - Update VSCode settings with new dictionary words - Modify language switcher, mobile header, and theme toggle components - Adjust layout and global styles - Add language attribute to markdown example post
67 lines
1.9 KiB
Text
67 lines
1.9 KiB
Text
---
|
|
import themeConfig from '@/config'
|
|
|
|
// Language array with empty string as default locale
|
|
const langs = ['', ...themeConfig.global.moreLocale]
|
|
const currentLocale = themeConfig.global.locale
|
|
|
|
function getLanguageDisplayName(code: string) {
|
|
if (!code) {
|
|
return 'Default'
|
|
}
|
|
return new Intl.DisplayNames(['en'], { type: 'language' }).of(code) || code
|
|
}
|
|
---
|
|
|
|
<button
|
|
type="button"
|
|
id="language-switcher"
|
|
class="aspect-square w-4 c-secondary active:scale-90"
|
|
aria-label={`Current Language: ${getLanguageDisplayName(currentLocale)}. Click to switch to next language.`}
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
class="h-full w-full"
|
|
aria-hidden="true"
|
|
>
|
|
<path d="M19 21 12.3 2h-1L4.7 21l-2.5.2v.8h6.3v-.8L5.7 21l2-5.9h7.5l2 5.9-3.3.2v.8h7.9v-.8zM8 14.3l3.4-10.1 3.5 10.1z" fill="currentColor" />
|
|
</svg>
|
|
</button>
|
|
|
|
<script is:inline define:vars={{ langs }}>
|
|
document.addEventListener('astro:page-load', () => {
|
|
const langSwitch = document.getElementById('language-switcher')
|
|
|
|
langSwitch?.addEventListener('click', () => {
|
|
const { pathname, search, hash } = window.location
|
|
const segments = pathname.split('/').filter(Boolean)
|
|
const firstSegment = segments[0] || ''
|
|
|
|
// Get current language or empty string if invalid
|
|
const currentLang = langs.includes(firstSegment)
|
|
? firstSegment
|
|
: ''
|
|
|
|
const currentIndex = langs.indexOf(currentLang)
|
|
const nextLang = langs[(currentIndex + 1) % langs.length]
|
|
|
|
const newPath = buildNewPath(currentLang, nextLang, segments, pathname) || '/'
|
|
window.location.href = `${newPath}${search}${hash}`
|
|
})
|
|
})
|
|
|
|
function buildNewPath(currentLang, nextLang, segments, pathname) {
|
|
if (currentLang) {
|
|
segments[0] = nextLang || segments[0]
|
|
|
|
return nextLang
|
|
? `/${segments.join('/')}`
|
|
: `/${segments.slice(1).join('/')}`
|
|
}
|
|
|
|
return nextLang
|
|
? `/${nextLang}${pathname}`
|
|
: pathname
|
|
}
|
|
</script>
|