From 25c9f0804a42f0c1761ba8596a5517012366e22e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Markus=20P=C3=B6schl?= <Poeschl@users.noreply.github.com>
Date: Sat, 31 Aug 2024 13:53:17 +0200
Subject: [PATCH 1/2] :chart_with_upwards_trend: Add tracking events on
 register and login

---
 frontend/src/components/NavbarUserComponent.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/NavbarUserComponent.vue b/frontend/src/components/NavbarUserComponent.vue
index c339894c..bcd4715a 100644
--- a/frontend/src/components/NavbarUserComponent.vue
+++ b/frontend/src/components/NavbarUserComponent.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, inject, ref } from "vue";
 import LoginForm from "@/components/LoginForm.vue";
 import type { LoginRequest, RegisterRequest } from "@/models/User";
 import RegisterForm from "@/components/RegisterForm.vue";
@@ -34,9 +34,11 @@ import { ToastType } from "@/models/ToastType";
 import UserModal from "@/components/UserModal.vue";
 import log from "loglevel";
 import { useConfigStore } from "@/stores/ConfigStore";
+import type { PlausibleInitOptions } from "plausible-tracker/build/main/lib/tracker";
 
 const userStore = useUserStore();
 const configStore = useConfigStore();
+const plausible = inject<{ trackEvent: (key: string, props: {}) => {} }>("plausible");
 
 const loginIsShowing = ref<boolean>(false);
 const loginLoading = ref<boolean>(false);
@@ -60,6 +62,7 @@ const loginUser = (data: LoginRequest) => {
       toast.value.message = "Login successful";
       toast.value.type = ToastType.SUCCESS;
       toast.value.shown = true;
+      plausible?.trackEvent("User logged in", {});
     })
     .catch((reason) => {
       loginLoading.value = false;
@@ -86,6 +89,7 @@ const registerUser = (data: RegisterRequest) => {
       toast.value.message = "Registered successful. Now login";
       toast.value.type = ToastType.SUCCESS;
       toast.value.shown = true;
+      plausible?.trackEvent("User registered", {});
     })
     .catch((reason) => {
       registerLoading.value = false;

From 6716b952ecea4825f559a3e9bac7d312108fbcee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Markus=20P=C3=B6schl?= <Poeschl@users.noreply.github.com>
Date: Sat, 31 Aug 2024 13:56:23 +0200
Subject: [PATCH 2/2] :memo: Add plausible goals to Readme

---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index 9077fb68..51a9efcd 100644
--- a/README.md
+++ b/README.md
@@ -63,6 +63,11 @@ To enable this set the environment variable `PLAUSIBLE_DOMAIN`
 and if you are running on a self-hosted instance `PLAUSIBLE_API_HOST`.
 An example is shown in the deployment docker-compose.
 
+Please create the following goals to also get the events:
+
+* `User logged in`
+* `User registered`
+
 ## Note
 
 This software will get no versioning and lives on the bloody main branch.