# Vue (https://talivia.com/docs/installation-guides/vue)



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




## Vue with Vite [#vue-with-vite]

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

```html
<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 [#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.

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

Replace YOUR\_WEBSITE\_ID. Copy the real value from Talivia Settings -> Tracking.

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