nuxt-google-translate
v1.3.8
Published
A simple Nuxt module that integrates the Google Translate widget into your Nuxt.js application, allowing seamless multilingual support without requiring an API key.
Maintainers
Readme
🚀 Nuxt Google Translate
🌍 Easily integrate Google Translate into your Nuxt 3 application with this powerful and customizable module.
🌟 Features
- 🌐 Seamless integration with Google Translate
- 🚀 Easy to set up and use
- 🎨 Customizable styling
- 🤩 Support 100+ Languages
- 🔧 Configurable default language and supported languages
🚀 Quick Start
Follow these steps to set up Nuxt Google Translate in your Nuxt project.
🔧 Prerequisites
- Ensure you have Node.js and npm installed.
- A Nuxt 3 project ready to go.
⚡ Installation Steps
Install the Module
Add the dependency to your project:npm install nuxt-google-translateUse the Component
Add the<GoogleTranslate />component to your app layout orapp.vue:<template> <ClientOnly> <GoogleTranslate /> </ClientOnly> </template>
That's it! Your Nuxt app now supports multiple languages with Google Translate. 🎉
🎯 Usage
You can also use the <LanguageSelector /> component for a dropdown menu to switch languages:
<template>
<div>
<LanguageSelector />
</div>
</template>For more advanced configurations, check out the 📘 Full Documentation.
🔗 Useful Links
🤝 Contributing
We ❤️ contributions! Follow these steps to contribute:
- 🍴 Fork the repository
- 🌿 Create a new branch (
git checkout -b feature/AmazingFeature) - 💾 Commit your changes (
git commit -m 'Add some AmazingFeature') - 🚀 Push to the branch (
git push origin feature/AmazingFeature) - 🔃 Open a Pull Request
📖 See our Contribution Guidelines for more details.
📄 License
This project is licensed under the MIT License. See the LICENSE file for details.
🙏 Acknowledgements
- Google Translate - For enabling seamless language translation.
- Nuxt - For providing a powerful framework for building web applications.
- The open-source community - For the amazing tools and contributions that make this module possible.
📬 Contact & Community
💬 Join us on Discord: Click Here
🐦 Follow on Twitter: @nexoslabs
📧 Email: [email protected]
