Add multilingual support to any Vue.js app

What gets translated

• ✓Component templates
• ✓Vue Router views and transitions
• ✓Pinia/Vuex state-rendered content
• ✓Async-loaded components
• ✓v-html injected content
• ✓Error messages and notifications

Setup guide

1. 1

   Create a Lingvit project

   Sign up at app.lingvit.com and create a project. Select Vue.js as your platform and add your production domain.

2. 2

   Add the script to your HTML entry point

   Paste the Lingvit script before </body> in your index.html (Vite/Vue CLI) or in your root HTML template:

   <!-- index.html -->
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
     <script src="https://cdn.lingvit.com/widget/v1/widget.bundle.js" async></script>
   </body>

3. 3

   Select languages and go live

   Pick target languages from the Lingvit dashboard. Vue Router navigation and reactive DOM updates are detected automatically — no changes to your component tree.