i18n-translation

Translate UI strings and validation messages in the Wemotoo CRM Portal.

1|Updated Sep 9, 2024
One-click install
npx skills add https://github.com/szejing/wemotoo-crm-portal --skill i18n-translation-szejing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: i18n-translation
Source: https://github.com/szejing/wemotoo-crm-portal/tree/main/.cursor/skills/i18n-translation
Command: npx skills add https://github.com/szejing/wemotoo-crm-portal --skill i18n-translation-szejing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Translate UI strings, validation messages, and options in the Wemotoo CRM Portal (Nuxt/Vue). Use when adding i18n support, translating pages/components, or when the user mentions translation, localization, multi-language, Bahasa Melayu, or locale files.

Core Features & Use Cases

  • Locale file management: en.json and ms.json with structured translation keys.
  • Translation patterns: templates for Vue templates, script setup, validation schemas, options, and table columns.
  • Workflow and testing: create and maintain translation keys, switch languages, and verify translations in both locales.

Quick Start

Enable multilingual UI by wiring en.json and ms.json and updating components to use $t() for translations.

Frequently Asked Questions about i18n-translation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add i18n localization to a Nuxt Vue application?

To add i18n localization to a Nuxt Vue application, configure Nuxt i18n, structure translation keys in en.json and ms.json locale files, and update Vue templates to use $t() for rendering UI strings.

What is the best way to manage Bahasa Melayu translations in a Vue CRM?

Managing Bahasa Melayu translations in a Vue CRM involves maintaining an ms.json locale file alongside en.json, applying translation patterns to validation schemas and table columns, and verifying locale switching within the Nuxt i18n configuration.

Can I use this to translate validation messages and table column options in Nuxt?

Yes, you can translate validation messages and table column options in Nuxt by mapping the specific schema strings and option arrays to structured translation keys within your en.json and ms.json locale files.

Do I need separate locale files for English and Bahasa Melayu UI strings?

You need separate locale files like en.json and ms.json for English and Bahasa Melayu UI strings to maintain structured translation keys that the Nuxt i18n configuration can dynamically load and switch between.

How does the translation workflow handle verification for multi-language pages?

The translation workflow handles verification for multi-language pages by creating and maintaining locale keys, switching languages within the Nuxt application, and verifying the translated UI strings and validation messages directly in both en and ms locales.

Why are my Nuxt i18n translation keys not displaying correctly in components?

Nuxt i18n translation keys may not display correctly if the en.json and ms.json locale files lack matching structured keys, or if Vue templates and script setup sections are not properly updated to use the $t() translation patterns.