fix: analytics

Rule-34 · Jul 16, 2024 · 99529b6 · 99529b6
1 parent 80738b6
commit 99529b6
Showing 1 changed file with 56 additions and 55 deletions.
diff --git a/pages/premium/index.vue b/pages/premium/index.vue
@@ -1,53 +1,53 @@
 <script lang="ts" setup>
-import {CheckIcon, StarIcon} from '@heroicons/vue/20/solid'
-import {ArrowRightOnRectangleIcon} from '@heroicons/vue/24/solid'
-import {completeBooruList, defaultBooruList} from '~/assets/lib/rule-34-shared-resources/src/util/BooruUtils'
-
-const mainFeatures = [
-  {title: 'No ads', additionalInfo: undefined},
-  {title: 'Faster image loading', additionalInfo: '#image-proxy'},
-  {
-    title: 'Access ' + (completeBooruList.length - defaultBooruList.length) + ' additional websites',
-    additionalInfo: '#additional-boorus'
-  },
-  {title: 'Save posts, synchronized on all devices', additionalInfo: '#save-posts'},
-  {title: 'Download posts with one click', additionalInfo: '#download-posts'},
-  {title: 'Find original source (artist) of posts', additionalInfo: '#find-source'},
-  {title: 'Integrated history to resume browsing', additionalInfo: '#history'},
-  {title: 'Create tag collections (blocklist)', additionalInfo: '#tag-collections'},
-  {title: 'Proxy to bypass website blocked in your country', additionalInfo: '#proxy'},
-  {title: 'Use on any device or browser', additionalInfo: undefined},
-  {title: 'Cancel anytime', additionalInfo: undefined},
-  {title: '“Premium” Discord role', additionalInfo: undefined},
-  {title: 'Support the development', additionalInfo: '#support-development'}
-]
-
-useHead(
-  {
-    link: [
-      {
-        rel: 'stylesheet',
-        href: 'https://cdn.sellix.io/static/css/embed.css'
-      }
-    ]
-  },
-  {
-    mode: 'client'
-  }
-)
-const {$script} = useScript('https://cdn.sellix.io/static/js/embed.js', {
-  use() {
-    return window.initializeSellixEmbed
-  }
-})
-
-$script.then((initializeSellixEmbed) => {
-  initializeSellixEmbed()
-})
-
-useSeoMeta({
-  title: 'Premium'
-})
+  import { CheckIcon, StarIcon } from '@heroicons/vue/20/solid'
+  import { ArrowRightOnRectangleIcon } from '@heroicons/vue/24/solid'
+  import { completeBooruList, defaultBooruList } from '~/assets/lib/rule-34-shared-resources/src/util/BooruUtils'
+
+  const mainFeatures = [
+    { title: 'No ads', additionalInfo: undefined },
+    { title: 'Faster image loading', additionalInfo: '#image-proxy' },
+    {
+      title: 'Access ' + (completeBooruList.length - defaultBooruList.length) + ' additional websites',
+      additionalInfo: '#additional-boorus'
+    },
+    { title: 'Save posts, synchronized on all devices', additionalInfo: '#save-posts' },
+    { title: 'Download posts with one click', additionalInfo: '#download-posts' },
+    { title: 'Find original source (artist) of posts', additionalInfo: '#find-source' },
+    { title: 'Integrated history to resume browsing', additionalInfo: '#history' },
+    { title: 'Create tag collections (blocklist)', additionalInfo: '#tag-collections' },
+    { title: 'Proxy to bypass website blocked in your country', additionalInfo: '#proxy' },
+    { title: 'Use on any device or browser', additionalInfo: undefined },
+    { title: 'Cancel anytime', additionalInfo: undefined },
+    { title: '“Premium” Discord role', additionalInfo: undefined },
+    { title: 'Support the development', additionalInfo: '#support-development' }
+  ]
+
+  useHead(
+    {
+      link: [
+        {
+          rel: 'stylesheet',
+          href: 'https://cdn.sellix.io/static/css/embed.css'
+        }
+      ]
+    },
+    {
+      mode: 'client'
+    }
+  )
+  const { $script } = useScript('https://cdn.sellix.io/static/js/embed.js', {
+    use() {
+      return window.initializeSellixEmbed
+    }
+  })
+
+  $script.then((initializeSellixEmbed) => {
+    initializeSellixEmbed()
+  })
+
+  useSeoMeta({
+    title: 'Premium'
+  })
 </script>
 
 <template>
@@ -60,9 +60,9 @@ useSeoMeta({
       >
         <span class="sr-only">Sign in</span>
 
-        <ArrowRightOnRectangleIcon class="h-6 w-6 text-base-content-highlight"/>
+        <ArrowRightOnRectangleIcon class="h-6 w-6 text-base-content-highlight" />
       </NuxtLink>
-      </Teleport>
+    </Teleport>
   </ClientOnly>
 
   <main class="flex-1">
@@ -142,7 +142,7 @@ useSeoMeta({
               />
               <defs>
                 <radialGradient id="d25c25d4-6d43-4bf9-b9ac-1842a30a4867">
-                  <stop stop-color="#7775D6"/>
+                  <stop stop-color="#7775D6" />
                   <stop
                     offset="1"
                     stop-color="#E935C1"
@@ -177,7 +177,7 @@ useSeoMeta({
                       :key="mainFeature.title"
                       class="flex items-center gap-x-3 py-2"
                     >
-                      <CheckIcon class="h-6 w-5 flex-none text-primary-600"/>
+                      <CheckIcon class="h-6 w-5 flex-none text-primary-600" />
 
                       <span class="flex-auto text-sm leading-6 text-base-content-highlight">
                         {{ mainFeature.title }}
@@ -213,7 +213,8 @@ useSeoMeta({
                     aria-describedby="premium-features"
                     class="focus-visible:focus-outline-util hover:hover-text-util rounded-md bg-primary-700 px-3 py-2 text-center text-sm font-semibold leading-6 text-base-content-highlight hover:bg-primary-600 focus-visible:ring-offset-2"
                     data-sellix-product="668f8f7c7c348"
-                    type="submit"
+                    onclick="window._paq?.push(['trackEvent', 'Premium', 'Subscribe Link Click'])"
+                    type="button"
                   >
                     Get Premium
                   </button>
@@ -230,7 +231,7 @@ useSeoMeta({
                       Sellix
                     </NuxtLink>
 
-                    <br/>
+                    <br />
                     Discreet credit card statement
                   </p>
                 </div>