From 2274bd1abdfb27667c8b06d018570bd8b6d028ac Mon Sep 17 00:00:00 2001
From: formsdev <136701234+formsdev@users.noreply.github.com>
Date: Tue, 6 Feb 2024 16:00:59 +0530
Subject: [PATCH] fix pro tag display (#311)

---
 client/components/global/ProTag.vue | 53 ++++++-----------------------
 1 file changed, 11 insertions(+), 42 deletions(-)

diff --git a/client/components/global/ProTag.vue b/client/components/global/ProTag.vue
index 0aac4d7..b8002a6 100644
--- a/client/components/global/ProTag.vue
+++ b/client/components/global/ProTag.vue
@@ -36,49 +36,18 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { computed } from 'vue'
-import Modal from './Modal.vue'
-import { useAuthStore } from '../../stores/auth';
-import { useWorkspacesStore } from '../../stores/workspaces';
-import PricingTable from "../pages/pricing/PricingTable.vue";
 
-export default {
-  name: 'ProTag',
-  components: {PricingTable, Modal},
-  props: {},
+const authStore = useAuthStore()
+const workspacesStore = useWorkspacesStore()
+const user = computed(() => authStore.user)
+const workspace = computed(() => workspacesStore.getCurrent)
+const showPremiumModal = ref(false)
 
-  setup () {
-    const authStore = useAuthStore()
-    const workspacesStore = useWorkspacesStore()
-    return {
-      user : computed(() => authStore.user),
-      currentWorkSpace : computed(() => workspacesStore.getCurrent())
-    }
-  },
-
-  data() {
-    return {
-      showPremiumModal: false,
-      checkoutLoading: false
-    }
-  },
-
-  computed: {
-    shouldDisplayProTag() {
-      if (!this.$config.paid_plans_enabled) return false
-      if (!this.user || !this.currentWorkSpace) return true
-      return !(this.currentWorkSpace.is_pro)
-    },
-  },
-
-  mounted() {
-  },
-
-  methods: {
-    openChat() {
-      useCrisp().openAndShowChat()
-    },
-  }
-}
+const shouldDisplayProTag = computed(() => {
+  if (!useRuntimeConfig().public.paidPlansEnabled) return false
+  if (!user.value || !workspace.value) return true
+  return !(workspace.value.is_pro)
+})
 </script>