> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trakg.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Vue.js
> How to use Trakg with your Vue.js apps
## 📦 Installing Trakg in Vue.js
You can use the Trakg script in your **Vue.js** app by inserting it in your root `public/index.html` file or dynamically through Vue lifecycle methods.
***
## 🧩 Option 1: Add in `public/index.html`
```html theme={null}
Vue App
```
🔁 **Replace `YOUR_ID_GIVEN`** with the actual Site ID from your Trakg dashboard.
***
## ⚙️ Option 2: Dynamically Load Script in Component
If you want to load the script dynamically (e.g. conditionally on a route or after auth), you can use the `mounted()` hook in a component:
```js theme={null}
export default {
name: "TrakgLoader",
mounted() {
const script = document.createElement("script");
script.src =
"https://cdn.trakg.com/api/v1/tracker.min.js?id=YOUR_ID_GIVEN";
script.defer = true;
document.body.appendChild(script);
},
};
```
Then include this component in your root layout or App.vue.
***
## 🛡 Best Practices
* ✅ Use `defer` to prevent blocking HTML render.
* ✅ Add script before the closing ` ` tag.
* ✅ Works with any form using `