kazupon/vue-i18nArchived

Features

• Application Text Translation - Maps user interface strings to multiple languages using an API to make applications accessible to global audiences.
• Internationalization - Provides a comprehensive internationalization system to translate user interface text for Vue.js applications.
• Vue.js Internationalization Plugins - Provides a comprehensive internationalization framework and plugin specifically for Vue.js applications.
• Dynamic Locale Switching - Enables changing the active language and region at runtime to instantly update the translated user interface.
• Locale-Aware Date and Number Formatting - Converts dates, times, and numbers into region-specific strings based on regional and linguistic rules.
• Dynamic Interface Translations - Enables runtime switching of application languages and the dynamic mapping of keys to translated strings.
• HTML Retention in Translations - Interpolates HTML tags within translation messages to produce rich text output in the user interface.
• Localized String Interpolation - Embeds dynamic values and UI components into localized strings using regional and typographical formatting.
• Message Catalog Management - Manages the retrieval, setting, and merging of multi-language strings and pluralization rules via a central catalog.
• Complex Linguistic Logic - Handles complex grammatical requirements, such as pluralization and custom formatting rules for diverse languages.
• Pluralization Rules - Selects the correct translation string based on numeric values and locale-specific grammatical rules.
• Nested Key Resolution - Retrieves localized strings by traversing nested object hierarchies using dot-notation key paths.
• Nested Translation Components - Injects tags or components into localized strings using placeholders to support secure rich text rendering.
• Reactive Translation Updates - Automatically triggers UI re-renders across the application when the active locale or translation messages change.
• Component Interpolation - Allows UI components to be inserted directly into translated strings using a slot-based syntax for rich text rendering.
• Locale-Aware Value Formatting - Transforms numeric values into localized strings according to regional rules for currencies and units.
• Text Translation Services - Converts translation keys into localized strings using either global or component-specific message sets.
• i18n Frameworks - Implements a full system for managing translation keys, locale messages, and pluralization rules for Vue.js.
• Component-Scoped Translation Bundles - Supports defining translation messages directly within individual components to maintain tight coupling between content and layout.
• Multilingual Content Management - Organizes and updates translation keys and language files to ensure consistency across the entire application.
• Translation Namespace Loading - Optimizes initial load times by fetching translation resource files on demand based on required namespaces.
• Localization String Linting - Provides a CLI to enforce consistent formatting and quality of translation strings through build-integrated rules.
• Component Localization - Allows individual components to manage their own language settings and trigger reactive re-rendering of localized strings.
• Dynamic Translation Functions - Supports using functions instead of static strings for locale messages to handle complex linguistic requirements.
• Translation Key Nesting - Allows referencing one translation key from another to avoid duplicating identical text across multiple keys.
• Missing Translation Captures - Analyzes code to detect missing translation keys and automatically populate them in language files.
• Locale Fallback Resolution - Displays a backup translation from a prioritized locale chain when the preferred language lacks a translation.
• Translation Reloading - Updates localization content in real-time without requiring a full page refresh when source files change.
• Message Interpolation - Injects dynamic variables into translation keys to provide a default interpolated message when a translation is missing.
• Message Scoping - Allows individual components to define local translation overrides that supplement global locale messages.
• Locale Fallback Chains - Implements a prioritized fallback chain to resolve missing translation keys using alternative locales.
• Unused Translation Key Detection - Scans project files to identify and remove translation keys that are no longer used in the application.
• Asynchronous Loading - Implements on-demand fetching of translation files to reduce initial bundle size and improve load times.
• Interface Text Localization - Implements a system for replacing default interface labels with language-specific text via a specialized directive.
• Automated Translation Workflows - Orchestrates the synchronization of translation keys and the loading of localized content to improve performance.
• DOM Element Translation - Provides a specialized directive to translate and update the text content of HTML elements while preserving content during transitions.
• Custom Format Registrations - Allows the registration of project-specific rules to customize how translated messages are formatted.
• JavaScript 框架汇总 - Listed in the “JavaScript 框架汇总” section of the Awesome Frontend awesome list.

Star history