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
@@ -1,75 +1,8 @@
|
||||
{
|
||||
"index": {
|
||||
"trustedBy": "Trusted by over {count} users worldwide",
|
||||
"heroDescription": "Technology Meets Imagination.",
|
||||
"capabilities": {
|
||||
"title": "Our Capabilities",
|
||||
"features": [
|
||||
{
|
||||
"title": "Custom Website Development",
|
||||
"description": "Tailored websites and backend systems built with modern frameworks like Nuxt and Next, delivering performance, scalability, and visual impact."
|
||||
},
|
||||
{
|
||||
"title": "Software & Tool Engineering",
|
||||
"description": "Custom-built applications, internal dashboards, and automation tools that streamline workflows and enhance productivity."
|
||||
},
|
||||
{
|
||||
"title": "Game Design & Development",
|
||||
"description": "From Game Jam prototypes to commercial releases — we design and develop immersive, creative, and technically robust gaming experiences."
|
||||
},
|
||||
{
|
||||
"title": "Interactive Media & Event Systems",
|
||||
"description": "Creating dynamic, large-screen visuals and real-time interactive systems for events, exhibitions, and banquets."
|
||||
},
|
||||
{
|
||||
"title": "Tech Exploration & Evaluation",
|
||||
"description": "Experimenting with emerging technologies and evaluating software and hardware to stay ahead of the innovation curve."
|
||||
},
|
||||
{
|
||||
"title": "Creative Consulting & Digital Strategy",
|
||||
"description": "Providing expert guidance on product architecture, digital transformation, and long-term technology strategy for brands and startups."
|
||||
}
|
||||
]
|
||||
},
|
||||
"techStack": {
|
||||
"title": "Tech Stacks"
|
||||
},
|
||||
"featuredProjects": {
|
||||
"title": "Featured Projects",
|
||||
"viewDemo": "Visit Site"
|
||||
},
|
||||
"whyChooseUs": {
|
||||
"title": "Why Choose Us",
|
||||
"subtitle": "We don’t just build code — we craft digital experiences.",
|
||||
"features": [
|
||||
{
|
||||
"title": "Fully Custom-Built",
|
||||
"description": "Every website, system, and game is built from scratch to match your unique brand identity and performance needs."
|
||||
},
|
||||
{
|
||||
"title": "Tech-Driven, Not Just Design",
|
||||
"description": "Our engineers lead every project, optimizing architecture, performance, and security at every level."
|
||||
},
|
||||
{
|
||||
"title": "Cross-Domain Expertise",
|
||||
"description": "From web systems to games and interactive tools — we merge creativity and engineering to deliver seamless experiences."
|
||||
},
|
||||
{
|
||||
"title": "End-to-End Service",
|
||||
"description": "From concept, prototyping, and frontend to deployment and long-term support — we handle everything in-house."
|
||||
},
|
||||
{
|
||||
"title": "Proven Project Value",
|
||||
"description": "We’ve delivered projects for educational institutions, brands, and game developers — with real impact and measurable value."
|
||||
},
|
||||
{
|
||||
"title": "Future-Oriented",
|
||||
"description": "Beyond client work, we’re building our own products and experiments, pushing the boundaries of what’s possible."
|
||||
}
|
||||
]
|
||||
},
|
||||
"seo": {
|
||||
"title": "Homepage"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,75 +1,8 @@
|
||||
{
|
||||
"index": {
|
||||
"trustedBy": "全球有超过 {count} 用户信赖",
|
||||
"heroDescription": "专为想要独特体验的品牌打造量身定制的数字产品。",
|
||||
"capabilities": {
|
||||
"title": "我们的核心能力",
|
||||
"features": [
|
||||
{
|
||||
"title": "网站定制开发",
|
||||
"description": "基于 Nuxt / Next 等现代框架，为企业打造高性能、可扩展且视觉出众的专属网站与后台系统。"
|
||||
},
|
||||
{
|
||||
"title": "软件与工具工程",
|
||||
"description": "为企业定制自动化工具、数据面板与业务流程系统，提高工作效率与可靠性。"
|
||||
},
|
||||
{
|
||||
"title": "游戏设计与开发",
|
||||
"description": "从 Game Jam 原型到商业发行，打造富有创意与技术深度的互动体验。"
|
||||
},
|
||||
{
|
||||
"title": "互动媒体与宴会系统",
|
||||
"description": "为展会、活动与宴会定制实时交互内容与大型屏幕视觉展示。"
|
||||
},
|
||||
{
|
||||
"title": "技术探索与评测",
|
||||
"description": "研究与评估前沿软硬件技术，保持创新优势与研发热情。"
|
||||
},
|
||||
{
|
||||
"title": "创意咨询与数字策略",
|
||||
"description": "为品牌与团队提供产品架构、数字化转型与长期技术规划咨询。"
|
||||
}
|
||||
]
|
||||
},
|
||||
"techStack": {
|
||||
"title": "我们的技术栈"
|
||||
},
|
||||
"featuredProjects": {
|
||||
"title": "特色项目",
|
||||
"viewDemo": "访问页面"
|
||||
},
|
||||
"whyChooseUs": {
|
||||
"title": "为什么选择我们",
|
||||
"subtitle": "我们不仅编写代码——我们打造数字体验。",
|
||||
"features": [
|
||||
{
|
||||
"title": "完全定制开发",
|
||||
"description": "我们从不使用模板。每一个网站、系统、游戏都从零设计与开发，确保风格、性能与体验完全符合品牌个性。"
|
||||
},
|
||||
{
|
||||
"title": "技术驱动，而非仅仅是设计",
|
||||
"description": "作为开发导向的团队，我们理解底层逻辑。从架构、性能、安全到交互动画，所有细节都由工程师主导优化。"
|
||||
},
|
||||
{
|
||||
"title": "跨领域专长",
|
||||
"description": "我们横跨网站、游戏、工具与交互内容开发，让每个项目都能获得更广阔的技术整合思路。"
|
||||
},
|
||||
{
|
||||
"title": "端到端一站式服务",
|
||||
"description": "从概念、原型、前端到部署与长期维护，我们全程负责，让客户专注业务，而非技术问题。"
|
||||
},
|
||||
{
|
||||
"title": "经验证的项目价值",
|
||||
"description": "我们曾为教育机构、品牌活动、独立游戏等开发高价值系统，实力可见。"
|
||||
},
|
||||
{
|
||||
"title": "面向未来",
|
||||
"description": "我们在研发自己的产品与工具，不止接案，也在打造未来生态。这代表我们具备持续创新与自我进化的能力。"
|
||||
}
|
||||
]
|
||||
},
|
||||
"seo": {
|
||||
"title": "首页"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user