# Install on Vue
> Add the tag to the index.html shell of your Vue app, and turn on hash routing if your router uses it.
Section: Installation guides
Canonical page: https://statsy.co/docs/install/vue
Last updated: 2026-09-15
A Vue app built with Vite serves a single HTML shell. The tag belongs there, so it loads once for every route.
## Where it goes
Open `index.html` in the project root and paste the tag inside ``, above the module script that boots the app.
```html
Your startup
```
Using Nuxt instead? It has its own config entry: see [Install on Nuxt](https://statsy.co/docs/install/nuxt).
## Confirm it works
Build, deploy, and open the site. **Live** shows the visitor and the page they are on. Navigate to another route and the path should update without a reload.
## Hash history needs one attribute
Vue Router with `createWebHistory` is tracked automatically, because it navigates with `history.pushState`. With `createWebHashHistory` the path never changes, only the fragment after `#`, so add `data-hash-routing="true"` to the tag and hash changes are counted as pageviews.
> **Note.** Pageviews carry the full URL, so `/pricing` and `/#/pricing` are different rows in the **Pages** report. Switching router modes later splits your history in two.
Previous: [Install on React](https://statsy.co/docs/install/react)
Next: [Install on Nuxt](https://statsy.co/docs/install/nuxt)