Skip to content

nexoscreation/nuxt-google-translate

Repository files navigation

npm version npm downloads GitHub stars GitHub code GitHub license


πŸš€ Nuxt Google Translate

Project Banner

🌍 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

  1. Install the Module
    Add the dependency to your project:

    npm install nuxt-google-translate
  2. Use the Component
    Add the <GoogleTranslate /> component to your app layout or app.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

Website Demo GitHub Repo YouTube Video Documentation


🀝 Contributing

We ❀️ contributions! Follow these steps to contribute:

  1. 🍴 Fork the repository
  2. 🌿 Create a new branch (git checkout -b feature/AmazingFeature)
  3. πŸ’Ύ Commit your changes (git commit -m 'Add some AmazingFeature')
  4. πŸš€ Push to the branch (git push origin feature/AmazingFeature)
  5. πŸ”ƒ 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: @nexoscreation
πŸ“§ Email: contact@nexoscreation.tech

Made with ❀️ by the Nexos Creation Team

⭐ Star us on GitHub!

About

A simple Nuxt module that integrates the Google Translate widget into your Nuxt.js application.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •