Vue

Add the Talivia script to the HTML file that loads your Vue app.

Vue with Vite

Open index.html and place the snippet near the end of body.

<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>

Nuxt-style projects

If your Vue project has a global app template or head/script configuration, add the same tracker once globally. Avoid adding it inside individual pages.

<script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>

After deploying, open any public page and check the Talivia dashboard for a new visit.