A modern monorepo library that integrates Google Translate JS SDK for Vue and React applications.
@google-translate-select is a JavaScript library that integrates Google Translate's JS SDK into Vue and React applications. It enables real-time, client-side translation of static content without requiring page reloads, helping developers localize their web apps for international audiences.
Frontend developers building Vue 2, Vue 3, or React applications that require quick, client-side translation capabilities without backend complexity.
It offers a simple, framework-specific wrapper around Google Translate, eliminating the need to manually integrate the SDK and providing built-in controls for excluding elements from translation.
🚀 A modern, high-performance monorepo project designed with Google Translate JS SDK. Vue and react are supported!
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Provides dedicated packages for Vue 2, Vue 3, and React, simplifying integration across different tech stacks without framework lock-in.
Uses `class="notranslate"` to exclude elements like prices from translation, as demonstrated in the README's e-commerce example.
Built as a monorepo with TypeScript, Vite, and tsup, ensuring type safety and efficient builds for maintainability.
Invokes Google Translate's JS SDK to translate static content without page refreshes, ideal for SPAs.
Admits in the README that it only supports static content translation; dynamic or user-generated text requires manual handling or page reloads.
Tightly coupled with Google Translate's SDK, offering no flexibility to switch providers or use self-hosted translation engines.
Client-side translation may not be indexed by search engines, limiting visibility for international audiences in SEO-sensitive projects.
Relies on Google Translate's generic accuracy, which can be suboptimal for specialized domains and lacks context-aware adjustments.