refactor(content): migrate index page to Nuxt Content
This commit refactors the index page to source its content from @nuxt/content, replacing the previous implementation that used i18n JSON files and hardcoded data within the component. Key changes: - Introduced `content.config.ts` to define collections and Zod schemas for type-safe content. - Moved page content into localized YAML files (`content/en-US/index.yml` and `content/zh-CN/index.yml`). - Updated `app/pages/index.vue` to fetch data dynamically using `useAsyncData` and `queryCollection`. - Removed redundant content from i18n JSON files and the Vue component script. This change decouples content from presentation, improves maintainability, and centralizes content management.
This commit is contained in:
xiaomai
@@ -33,37 +33,7 @@ featuredProjects:
|
||||
image: "https://img.tootaio.com/i/2025/09/26/j2swgq.png"
|
||||
techStack:
|
||||
title: "Tech Stacks"
|
||||
languageIcons:
|
||||
- light: "skill-icons:html"
|
||||
- light: "skill-icons:css"
|
||||
- light: "skill-icons:javascript"
|
||||
- light: "skill-icons:typescript"
|
||||
- light: "skill-icons:docker"
|
||||
- light: "skill-icons:vuejs-light"
|
||||
- light: "skill-icons:nuxtjs-light"
|
||||
- light: "skill-icons:tailwindcss-light"
|
||||
- light: "skill-icons:nodejs-light"
|
||||
- light: "skill-icons:cs"
|
||||
- light: "skill-icons:python-light"
|
||||
toolsIcons:
|
||||
- light: "skill-icons:photoshop"
|
||||
- light: "skill-icons:illustrator"
|
||||
- light: "skill-icons:git"
|
||||
- light: "skill-icons:vscode-light"
|
||||
- light: "skill-icons:visualstudio-light"
|
||||
- light: "skill-icons:github-light"
|
||||
- light: "skill-icons:godot-light"
|
||||
- light: "skill-icons:unity-light"
|
||||
- light: "skill-icons:blender-light"
|
||||
- light: "skill-icons:androidstudio-light"
|
||||
- light: "skill-icons:windows-light"
|
||||
- light: "skill-icons:linux-light"
|
||||
- light: "skill-icons:ubuntu-light"
|
||||
- light: "skill-icons:apple-light"
|
||||
- light: "skill-icons:idea-light"
|
||||
- light: "skill-icons:pycharm-light"
|
||||
- light: "skill-icons:rider-light"
|
||||
capabilities:
|
||||
whyChooseUs:
|
||||
title: "Why Choose Us"
|
||||
description: "We don’t just build code — we craft digital experiences."
|
||||
features:
|
||||
|
||||
@@ -7,16 +7,22 @@ capabilities:
|
||||
features:
|
||||
- title: "网站定制开发"
|
||||
description: "基于 Nuxt / Next 等现代框架，为企业打造高性能、可扩展且视觉出众的专属网站与后台系统。"
|
||||
icon: mdi:web
|
||||
- title: "软件与工具工程"
|
||||
description: "为企业定制自动化工具、数据面板与业务流程系统，提高工作效率与可靠性。"
|
||||
icon: mdi:cog-outline
|
||||
- title: "游戏设计与开发"
|
||||
description: "从 Game Jam 原型到商业发行，打造富有创意与技术深度的互动体验。"
|
||||
icon: mdi:gamepad-variant-outline
|
||||
- title: "互动媒体与宴会系统"
|
||||
description: "为展会、活动与宴会定制实时交互内容与大型屏幕视觉展示。"
|
||||
icon: mdi:monitor-dashboard
|
||||
- title: "技术探索与评测"
|
||||
description: "研究与评估前沿软硬件技术，保持创新优势与研发热情。"
|
||||
icon: mdi:flask-outline
|
||||
- title: "创意咨询与数字策略"
|
||||
description: "为品牌与团队提供产品架构、数字化转型与长期技术规划咨询。"
|
||||
icon: mdi:lightbulb-outline
|
||||
featuredProjects:
|
||||
title: "特色项目"
|
||||
projects:
|
||||
@@ -33,49 +39,25 @@ featuredProjects:
|
||||
image: "https://img.tootaio.com/i/2025/09/26/j2swgq.png"
|
||||
techStack:
|
||||
title: "Tech Stacks"
|
||||
languageIcons:
|
||||
- light: "skill-icons:html"
|
||||
- light: "skill-icons:css"
|
||||
- light: "skill-icons:javascript"
|
||||
- light: "skill-icons:typescript"
|
||||
- light: "skill-icons:docker"
|
||||
- light: "skill-icons:vuejs-light"
|
||||
- light: "skill-icons:nuxtjs-light"
|
||||
- light: "skill-icons:tailwindcss-light"
|
||||
- light: "skill-icons:nodejs-light"
|
||||
- light: "skill-icons:cs"
|
||||
- light: "skill-icons:python-light"
|
||||
toolsIcons:
|
||||
- light: "skill-icons:photoshop"
|
||||
- light: "skill-icons:illustrator"
|
||||
- light: "skill-icons:git"
|
||||
- light: "skill-icons:vscode-light"
|
||||
- light: "skill-icons:visualstudio-light"
|
||||
- light: "skill-icons:github-light"
|
||||
- light: "skill-icons:godot-light"
|
||||
- light: "skill-icons:unity-light"
|
||||
- light: "skill-icons:blender-light"
|
||||
- light: "skill-icons:androidstudio-light"
|
||||
- light: "skill-icons:windows-light"
|
||||
- light: "skill-icons:linux-light"
|
||||
- light: "skill-icons:ubuntu-light"
|
||||
- light: "skill-icons:apple-light"
|
||||
- light: "skill-icons:idea-light"
|
||||
- light: "skill-icons:pycharm-light"
|
||||
- light: "skill-icons:rider-light"
|
||||
capabilities:
|
||||
whyChooseUs:
|
||||
title: "为什么选择我们"
|
||||
description: "我们不仅编写代码——我们打造数字体验。"
|
||||
features:
|
||||
- title: "完全定制开发"
|
||||
description: "我们从不使用模板。每一个网站、系统、游戏都从零设计与开发，确保风格、性能与体验完全符合品牌个性。"
|
||||
icon: mdi:brush-variant
|
||||
- title: "技术驱动，而非仅仅是设计"
|
||||
description: "作为开发导向的团队，我们理解底层逻辑。从架构、性能、安全到交互动画，所有细节都由工程师主导优化。"
|
||||
icon: mdi:cog-sync-outline
|
||||
- title: "跨领域专长"
|
||||
description: "我们横跨网站、游戏、工具与交互内容开发，让每个项目都能获得更广阔的技术整合思路。"
|
||||
icon: mdi:gamepad-variant-outline
|
||||
- title: "端到端一站式服务"
|
||||
description: "从概念、原型、前端到部署与长期维护，我们全程负责，让客户专注业务，而非技术问题。"
|
||||
icon: mdi:rocket-launch-outline
|
||||
- title: "经验证的项目价值"
|
||||
description: "我们曾为教育机构、品牌活动、独立游戏等开发高价值系统，实力可见。"
|
||||
icon: mdi:chart-timeline-variant
|
||||
- title: "面向未来"
|
||||
description: "我们在研发自己的产品与工具，不止接案，也在打造未来生态。这代表我们具备持续创新与自我进化的能力。"
|
||||
icon: mdi:lightbulb-on-outline
|
||||
|
||||
Reference in New Issue
Block a user