From 169587c54dc43cdb114512ef46b8d8374914a098 Mon Sep 17 00:00:00 2001
From: RayGur <96278539+RayGur@users.noreply.github.com>
Date: Wed, 31 Jul 2024 16:02:56 +0800
Subject: [PATCH] feat: formbricks setup

---
 app/package.json                          | 1 +
 app/src/components/game/CompleteModal.vue | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/app/package.json b/app/package.json
index 6925f15..e689a4d 100644
--- a/app/package.json
+++ b/app/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@formbricks/js": "^2.1.1",
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-brands-svg-icons": "^6.4.0",
     "@fortawesome/free-regular-svg-icons": "^6.4.0",
diff --git a/app/src/components/game/CompleteModal.vue b/app/src/components/game/CompleteModal.vue
index 6a6b5a8..8deead5 100644
--- a/app/src/components/game/CompleteModal.vue
+++ b/app/src/components/game/CompleteModal.vue
@@ -5,6 +5,14 @@ import { ref } from 'vue'
 import { Vue3Lottie } from 'vue3-lottie'
 // import { surveyUrl } from '../config'
 import CompleteAnimation from '../../img/complete-animation.json'
+import formbricks from "@formbricks/js/website";
+
+if (typeof window !== "undefined") {
+  formbricks.init({
+    environmentId: "clyffbuq50bbxwh63thlfs1lb", 
+    apiHost: "https://app.formbricks.com",
+  });
+}
 
 const showModal = ref(true) // Controls whether the modal is visible or not
 const router = useRouter()