feat: add custom event tracking

This commit is contained in:
Justineo
2023-08-30 20:41:37 +08:00
parent f5bebc0920
commit 29bf99420d

View File

@ -4,6 +4,7 @@ import { useUrlSearchParams } from "@vueuse/core";
import { use } from "echarts/core";
import { CanvasRenderer, SVGRenderer } from "echarts/renderers";
import { INIT_OPTIONS_KEY } from "../ECharts";
import va from "@vercel/analytics";
import LogoChart from "./examples/LogoChart";
import BarChart from "./examples/BarChart";
@ -28,6 +29,16 @@ const initOptions = computed(() => ({
provide(INIT_OPTIONS_KEY, initOptions);
const codeOpen = ref(location.hash === "#codegen");
if (codeOpen.value) {
va.track("codegen", { from: "link" });
}
function openCodegen() {
codeOpen.value = true;
va.track("codegen", { from: "click" });
}
watch(codeOpen, open => {
if (open) {
location.hash = "#codegen";
@ -89,7 +100,7 @@ watch(codeOpen, open => {
</aside>
<aside class="codegen">
<button @click="codeOpen = true">
<button @click="openCodegen">
<code>import</code> Codegen <span class="badge">beta</span>
</button>
</aside>