feat: add /desktop page with download buttons#3
Merged
Conversation
- Introduce vue-router with HomePage / DesktopPage routes - Extract shared TopBar: GitHub moves to right side as icon, add Desktop nav, hide nav on /desktop, support brandSuffix - Add DesktopPage with hero title/subtitle and a purple download dropdown (macOS Apple Silicon, macOS Intel, Windows x64, Linux x64) plus a purple outlined Docs button - Use @iconify/vue with mdi brand icons for real Apple/Windows/Linux logos - i18n: add nav.desktop and desktop.* keys, update sitemap.xml
- useDark({ initialValue: 'dark' }) so first-time visitors see dark mode while user toggles still persist via localStorage
- Inline boot script in index.html sets the .dark class before Vue mounts to avoid FOUC
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
vue-router，新增/desktop路由；首页内容抽到HomePage.vue，桌面页为DesktopPage.vueTopBar.vue：GitHub 文本项改为右侧图标按钮；新增Desktop导航；/desktop隐藏中间导航；支持brandSuffix，桌面页 logo 显示为Memoh Desktop@iconify/vue+mdi图标集，使用真品牌 logo（mdi:apple/mdi:microsoft-windows/mdi:linux），替代之前的 lucide 水果苹果与手写 SVGnav.desktop与desktop.*文案；sitemap.xml增加/desktopNotes
#占位，等真实 URL 后替换DesktopPage.vue中的downloadOptions数组即可try_files $uri /index.html;）Test plan
pnpm build通过（已本地验证）/：首页内容、动画、topbar 导航（Docs / Supermarket / Desktop）正常/desktop：标题、副标题、紫色下载下拉、文档按钮显示正确，topbar 中间导航隐藏，logo 变为Memoh Desktop