From 634464065d15210f67fb17279e90d61feb52d9b2 Mon Sep 17 00:00:00 2001
From: RayGur <96278539+RayGur@users.noreply.github.com>
Date: Thu, 1 Aug 2024 20:56:05 +0800
Subject: [PATCH] feat: formbricks edit

---
 app/src/components/game/CompleteModal.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/src/components/game/CompleteModal.vue b/app/src/components/game/CompleteModal.vue
index 8deead5..0ef6c99 100644
--- a/app/src/components/game/CompleteModal.vue
+++ b/app/src/components/game/CompleteModal.vue
@@ -1,12 +1,25 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
 import { useToast } from 'vue-toastification'
-import { ref } from 'vue'
+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";
 
+
+formbricks.init({
+  environmentId: "clyffbuq50bbxwh63thlfs1lb", 
+  apiHost: "https://app.formbricks.com",
+  attributes: {
+    language: "zh", // optional
+  },
+});
+
+const showModal = ref(true) // Controls whether the modal is visible or not
+const router = useRouter()
+const toast = useToast()
+
 if (typeof window !== "undefined") {
   formbricks.init({
     environmentId: "clyffbuq50bbxwh63thlfs1lb", 
@@ -14,12 +27,10 @@ if (typeof window !== "undefined") {
   });
 }
 
-const showModal = ref(true) // Controls whether the modal is visible or not
-const router = useRouter()
-const toast = useToast()
 const closeModal = () => {
   showModal.value = false
 }
+
 const defineComponent = () => ({
   components: {
     Vue3Lottie,
@@ -30,6 +41,7 @@ const defineComponent = () => ({
     }
   },
 })
+
 const backtoMap = async () => {
   try {
     router.push({ name: 'map' })
@@ -43,6 +55,7 @@ const backtoMap = async () => {
 setTimeout(() => {
   showModal.value = true
 }, 5000) // Show modal after 5 seconds
+
 </script>
 
 <template>