Nuxt Google Translate

Easily integrate Google Translate into your Nuxt 3 application with this powerful and customizable module.

Published: February 12, 2025

๐ŸŒ 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. ๐Ÿš€

๐Ÿค 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

๐Ÿ“„ 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

โญ Star us on GitHub!