> ## Documentation Index
> Fetch the complete documentation index at: https://docs.postmetric.io/llms.txt
> Use this file to discover all available pages before exploring further.
# Vue.js
> Add PostMetric to your Vue.js project
Add PostMetric to your Vue.js project in minutes.
## Installation
### Step 1: Add the tracking script
Add the tracking script to your `index.html`:
```html theme={null}
```
Or add it in your Vue app:
```vue theme={null}
```
Replace `YOUR_TRACKING_CODE` with your tracking code from the dashboard.
### Step 2: Verify installation
1. Start your development server
2. Visit your website
3. Check your PostMetric dashboard - you should see your visit
## Track custom goals
Track custom goals in your Vue components:
```vue theme={null}
```
## User identification
Identify users when they log in:
```vue theme={null}
```
## Vue Router integration
The tracking script automatically tracks Vue Router navigation. No additional setup needed!
## TypeScript types
Add TypeScript types for better type safety:
```typescript theme={null}
// types/PostMetric.d.ts
declare global {
interface Window {
PostMetric: (
method: "track" | "identify",
type: "pageview" | "goal",
data?: {
event?: string;
value?: number;
userId?: string;
email?: string;
name?: string;
}
) => void;
}
}
export {};
```
## Next steps
Learn how to track custom user actions