import { createApp } from 'vue'
import { vueTracker } from "ls-tracker";

const app = createApp({})
let options = {
    historyTracker: true, //history API监听
    hashTracker: true, //hashUrl API监听
    domTracker: true, //DOM 点击事件监听
    jsError: true, //JS 异常报错事件监听
}
app.use(vueTracker,{options})

const tr = new Tracker(options)

click监听需要被被监听元素使用指令来进行绑定'v-lstracker:params'

<div v-lstracker:foo >click</div>

params: 传递给指令的参数 (如果有的话)。例如在 v-lstracker:foo 中，参数是 "foo"。
在传递给服务器的请求参数中被赋值给targetKey字段

let data = {
    //...
}

//vue 2.xx
this.$sendTracker(data)

//vue 3.xx
<script setup>
import { inject } from 'vue'

const $sendTracker = inject('$sendTracker')
$sendTracker(data)
</script>

<script src="file/index.umd.js"></script>
<script>
    const { generalTracker } = tracker
    new generalTracker({
        requestUrl: "http://localhost:9000/api/tracker",
        historyTracker: true,
        domTracker: true,
        jsError: true,
    });
</script>

import { generalTracker as Tracker } from "./dist/index.js"

const tr = new Tracker({
    requestUrl:"xxxxxx"
})
tr.setUserId('userID') // 可以设置身份id，会随着埋点请求上传
let data = {
    //...
}
tr.sendTracker(data) //支持用户手动上报自定义数据

const tr = new Tracker({
    requestUrl:"xxxxxx"，
    jsError: true
})
//{"sdkVersion":{"version":"1.0.0"},"historyTracker":true,"hashTracker":false,"domTracker":true,"jsError":true,"requestUrl":"xxx","event":"error","targetKey":"message","message":"Uncaught 报错; lineno: 31","time":xxx}
//message字段中包含错误信息

const tr = new Tracker({
    requestUrl:"xxxxxx"，
    domTracker: true
})
<button target-key="btn">button</button>

// {"sdkVersion":{"version":"1.0.0"},"historyTracker":true,"hashTracker":false,"domTracker":true,"jsError":true,"requestUrl":"xxx","event":"click","targetKey":"btn","message":"className {bad-img};tagName {IMG}","time":xxx}