Skip to content
| Marketplace
Sign in
Visual Studio Code>AI>Loccy – i18n AI Helper for Vue & ReactNew to Visual Studio Code? Get it now.
Loccy – i18n AI Helper for Vue & React

Loccy – i18n AI Helper for Vue & React

Loccy

loccy.dev
|
362 installs
| (6) | Free
For i18next, vue-i18n, and similar
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hero

Loccy — i18n AI Helper for Vue & React

Loccy combines essential i18n functionality (like inline previews and in-place editing) with fine-tuned AI workflows, available right where and when you need them:

  • Drafted the initial text but aren't sure about the final wording? — Ask Loccy to give you several final options.
  • Manually adjusting a translation in your native language? — Let AI update the others to match.
  • And a lot more!

🍒 Cherry on top: Loccy automatically keeps your terminology consistent without a glossary by finding similar existing messages and providing them to the LLM as context.

It takes a little time to learn all the possibilities, but once you do, you won't want to use other tools.

Watch video (1m 30s) ↗

Supported frameworks

  • react-i18next
  • next-intl
  • vue-i18n
  • Request your framework ↗

Setup

  • Once installed, Loccy will auto-detect the i18n setup for any open project.

  • For advanced configuration, run Loccy: Create Config File from the Command Palette. This will create loccy.config.json, and you will have IntelliSense for each setting in the file.

    Rules for AI you may want to set first
    Set global project rules for the LLM e.g., "keep brand name untranslated and lowercased"
    Set rules per locale e.g., "de: use informal you - 'du' instead of 'Sie'"
    Set rules for keypath creation e.g., "use snake_case"

Features

Basics
Inline translation preview Always visible.
Quick in-place editing Click 'pencil' button in the hover menu.
Message's usages map Always displayed in the hover menu.
Quick existing message insertion Place your cursor in the desired location and run Loccy: Insert Existing Message...
Global keypath renaming Click the 3 dots in the hover menu.

Translate/Adjust with AI
Extract static text to message Generates the keypath and all its translations. Place your cursor in the text and run Loccy: Extract and Translate from the Command Palette.
Edit a single translation and sync all others This action appears when you edit a translation from the hover menu.
Auto-fill all empty translations in a message Click the 3 dots in the hover menu. This option is available if at least one translation is empty and at least one is filled.
Auto-finalize draft text For a translation, use the hover menu. For static text, place your cursor inside it and run Loccy: Refine Source Text...
Adjust all translations in a message with a prompt Click the 3 dots in the hover menu.
Adjust text with a prompt For a translation, use the hover menu. For static text, use Loccy: Refine Source Text...
Create a message based on surrounding code Place your cursor in the desired location and run Loccy: Suggest Contextual Translation

Pricing

  • All basic features are free
  • Smart AI assistance with unlimited usage is only $30/year

Links

  • Loccy.dev — Official website. Trial, and subscription management.
  • Discord — News, bug reports, feature requests, and random conversations.
  • hello@loccy.dev — Main email. Every message is valued and is answered as soon as possible.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft