π Easily integrate Google Translate into your Nuxt 3 application with this powerful and customizable module.
- π Seamless integration with Google Translate
- π Easy to set up and use
- π¨ Customizable styling
- π€© Support 100+ Languages
- π§ Configurable default language and supported languages
Follow these steps to set up Nuxt Google Translate in your Nuxt project.
- Ensure you have Node.js and npm installed.
- A Nuxt 3 project ready to go.
-
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. π
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. π
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.
This project is licensed under the MIT License. See the LICENSE file for details.
- 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.
π¬ Join us on Discord: Click Here
π¦ Follow on Twitter: @nexoscreation
π§ Email: contact@nexoscreation.tech
Made with β€οΈ by the Nexos Creation Team