> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trysignal.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Page views

> Track page views with Vue Router or manually

# Vue / Browser — Page views

When `enableSessionTracking` is `true` (default), the SDK tracks page views automatically on URL changes. For SPAs with Vue Router, you can also send `$pageview` manually on route changes using `signal.capture('$pageview', { ... })`.

## Automatic tracking

With `enableSessionTracking: true` (default), the SDK tracks the initial page view and URL changes. Page leave (`$pageleave`) is sent on `beforeunload` and tab visibility change. No extra code needed.

## Manual: Vue Router

Track `$pageview` on route changes by watching the route and calling `capture`:

```vue theme={null}
<script setup>
import { onMounted, watch } from 'vue'
import { useRoute } from 'vue-router'
import { createSignal } from '@signal-js/browser'

const route = useRoute()
let signal = null

onMounted(async () => {
  signal = createSignal({
    endpoint: '...',
    apiKey: '...',
    projectId: '...',
    enableSessionTracking: true,
  })
  await signal.start()
  
  signal.capture('$pageview', {
    $pathname: route.path,
    $title: document.title,
    $current_url: window.location.href,
  })
})

watch(() => route.path, () => {
  signal?.capture('$pageview', {
    $pathname: route.path,
    $title: document.title,
    $current_url: window.location.href,
  })
})
</script>
```

Use the same pattern in other frameworks (e.g. watch the router or history and call `signal.capture('$pageview', { ... })`).

## See also

* [Capture](/docs/integrations/vue/capture) — Custom events
* [Configuration](/docs/integrations/vue/configuration) — enableSessionTracking