VUE JS
Vue.js is a progressive JavaScript framework for building user interfaces. It focuses on simplicity, reactivity, and easy integration.
Unlike heavier frameworks, Vue focuses primarily on the view layer, making it simple to adopt for both small components and large-scale applications.
Vue.js Integration (Pre-installed in Translate.website)
Step 1: Select Vue.js as Project Technology
- While creating your project in Translate.website, choose Vue.js as the technology.
- (Vue is already available in the system — no additional installation required.)
Step 2: Copy the Vitra Snippet
- After project creation, copy the Vitra / Translate.website snippet from your dashboard.
Step 3: Open Your Vue Project Entry File
- Since Vue is already set, you only need to add the snippet globally so it loads on every route.
- Search src/app.html
Step 4: Paste Snippet in the Global <head>
- Open the file, find </head>, and paste the snippet just above it.
- Add a simple label like:
- <!-- Translate Website -->
Step 5: Save & Deploy
- Save the file, rebuild your project, and deploy.
- That's it - Translate.website will now load across your Vue app (including SPA route changes) without any extra Vue configuration.
