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.
52 lines
3.4 KiB
YAML
52 lines
3.4 KiB
YAML
seo:
|
||
title: "Homepage"
|
||
title: "Tootaio Studio"
|
||
description: "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."
|
||
featuredProjects:
|
||
title: "Featured Projects"
|
||
projects:
|
||
- title: "YPHS Alumni Official Website"
|
||
description: "Website Design and Development worth RM28,000. Donate to YPHS Alumni by founder of Tootaio."
|
||
image: "http://img.tootaio.com/i/2025/11/05/d9kurl.png"
|
||
demoLink: "https://yphsalumni.org"
|
||
- title: "Malaysia students return to China guide"
|
||
description: "An interactive guide which help more than 5000 students back to China Mainland to continue their study during pandemic COVID-19 in year 2022. This project is supported by The Ministry of Foreign Affairs (MFA) in Malaysia"
|
||
image: "http://img.tootaio.com/i/2025/11/05/d9kcma.png"
|
||
demoLink: "https://tootaio.github.io"
|
||
- title: "Light Chasing"
|
||
description: "This is an entry from the 2023 G-bits University GameJam Challenge, based on the Godot engine."
|
||
image: "https://img.tootaio.com/i/2025/09/26/j2swgq.png"
|
||
techStack:
|
||
title: "Tech Stacks"
|
||
whyChooseUs:
|
||
title: "Why Choose Us"
|
||
description: "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."
|