Nuxt Google Translate
Easily integrate Google Translate into your Nuxt 3 application with this powerful and customizable module.
๐ 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-translate
- Use 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. ๐
๐ค 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
๐ License
This project is licensed under the MIT License.
๐ 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.
Made with โค๏ธ by the Nexos Creation Team