Add language support #149
Open
Add language support #149
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…d Français locales Implement i18n using @nuxtjs/i18n module to support multiple languages. Add English Spanish and Français locale files with translations for all UI components, pages, and settings. Update components and pages to use the `t` function for dynamic text rendering based on the selected locale. Configure the i18n module in nuxt.config.ts with default locale set to English and no prefix strategy. Ensure all text elements are localized for a consistent multilingual user experience.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces internationalization (i18n) support across various components in the app. The changes replace hardcoded text with localized strings using the
useI18ncomposable, enabling dynamic translations based on the user's selected language. Additionally, placeholders, labels, and other UI elements now leverage localization for improved adaptability.Internationalization Integration:
Global i18n Setup in
app.vue:localeanddirbindings for dynamic language and direction attributes in the HTML<html>tag. [1] [2]localeto theUAppcomponent for consistent localization throughout the app.Localization in Component Headers and Placeholders:
NotificationsSlideover.vue: Updated the title and added a fallback message for empty notifications using localized strings. [1] [2]AddModal.vueandDeleteModal.vue: Replaced static modal titles, descriptions, and button labels with localized equivalents. [1] [2] [3]HomeDateRangePicker.vue: Localized date range options and placeholder text. [1] [2]Dynamic Dropdown Menus and Tables:
UserMenu.vue: Localized dropdown items for profile, billing, settings, themes, and templates, including a new language selection dropdown. [1] [2]HomeSales.vue: Updated table headers and status badges for sales data with localized strings. [1] [2]Charts and Stats Localization:
HomeChart.client.vueandHomeChart.server.vue: Localized chart titles. [1] [2]HomeStats.vue: Replaced static stat titles with localized keys for customers, conversions, revenue, and orders.These updates ensure that the application is ready for multilingual support, improving usability for users in different regions.