feat: add custom event tracking

Author: Justineo

src/demo/Demo.vue

@@ -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>