From 650d9fde469a277c3aae02585c94b8831cbc106d Mon Sep 17 00:00:00 2001
From: Opiq <taufiq@luwjistik.com>
Date: Thu, 23 May 2024 14:20:16 +0700
Subject: [PATCH] refactor: main logic

---
 frontend/app.vue                  | 8 +++++++-
 frontend/components/AppFooter.vue | 8 ++++----
 frontend/nuxt.config.ts           | 8 --------
 frontend/package.json             | 1 -
 frontend/pages/2023.vue           | 2 +-
 frontend/pages/index.vue          | 2 +-
 frontend/pnpm-lock.yaml           | 8 --------
 7 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/frontend/app.vue b/frontend/app.vue
index dcd2e18..2c68be7 100644
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 useHead({
-  titleTemplate: (t) => t ? `${t} - TeknumConf` : 'TeknumConf' 
+  titleTemplate: (t) => t ? `${t} - TeknumConf` : 'TeknumConf',
+  script:[
+    {
+      src: 'https://analytics.teknologiumum.com/script.js',
+      'data-website-id': 'b6a8d7a7-a90a-476c-8fd2-355afea623c4'
+    },
+  ],
   })
 </script>
 <template>
diff --git a/frontend/components/AppFooter.vue b/frontend/components/AppFooter.vue
index 768ec44..7143faf 100644
--- a/frontend/components/AppFooter.vue
+++ b/frontend/components/AppFooter.vue
@@ -23,19 +23,19 @@
                     <h4 class="footer-menu-header">Our Social Media</h4>
                     <ul class="list-none">
                         <li>
-                            <a v-umami="{name: 'social-media-telegram'}" class="white" href="https://t.me/teknologi_umum_v2" target="_blank">
+                            <a data-umami-event="social-media-telegram" class="white" href="https://t.me/teknologi_umum_v2" target="_blank">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.78 18.65l.28-4.23l7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3L3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z" fill="currentColor"/></svg>
                                 <span>@teknologi_umum_v2</span>
                             </a>
                         </li>
                         <li>
-                            <a v-umami="{name: 'social-media-github'}" class="white" href="https://github.com/teknologi-umum/" target="_blank">
+                            <a data-umami-event="social-media-github" class="white" href="https://github.com/teknologi-umum/" target="_blank">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg>
                                 <span>teknologi-umum</span>
                             </a>
                         </li>
                         <li>
-                            <a v-umami="{name: 'social-media-twitter'}" class="white" href="https://twitter.com/teknumconf/" target="_blank">
+                            <a data-umami-event="social-media-twitter" class="white" href="https://twitter.com/teknumconf/" target="_blank">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                   <line x1="18" y1="6" x2="6" y2="18"></line>
                                   <line x1="6" y1="6" x2="18" y2="18"></line>
@@ -44,7 +44,7 @@
                             </a>
                         </li>
                         <li>
-                            <a v-umami="{name: 'social-media-youtube'}" class="white" href="https://www.youtube.com/@teknologiumum1227" target="_blank">
+                            <a data-umami-event="social-media-youtube" class="white" href="https://www.youtube.com/@teknologiumum1227" target="_blank">
                               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                 <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19a53.5 53.5 0 0 0 8.6.53 53.5 53.5 0 0 0 8.6-.53 2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z"></path>
                                 <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon>
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 7651584..9bf4ff7 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -1,13 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  extends: ['nuxt-umami'],
-  appConfig: {
-    umami: {
-      id: process.env.UMAMI_ID,
-      host: process.env.UMAMI_HOST,
-      useDirective: true,
-    },
-  },
   runtimeConfig: {
     public: {
       showAnnouncementDate: true,
diff --git a/frontend/package.json b/frontend/package.json
index 63eaff2..b19933a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -23,7 +23,6 @@
   },
   "dependencies": {
     "@sentry/vue": "^7.72.0",
-    "nuxt-umami": "^2.6.2",
     "qrcode.vue": "^3.4.1",
     "vue-qrcode-reader": "^5.3.5"
   }
diff --git a/frontend/pages/2023.vue b/frontend/pages/2023.vue
index e19df05..0f71b4b 100644
--- a/frontend/pages/2023.vue
+++ b/frontend/pages/2023.vue
@@ -61,7 +61,7 @@ const showVideo = ref(false)
                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5c0 1 0 3 5 9.71C17 12 17 10 17 9a5 5 0 0 0-5-5Z"/></svg>
                 <span>Kode Creative Hub, Depok Town Square<br/>Depok, Indonesia</span>
               </h3>
-              <Btn v-umami="{name: 'go-to-2024-page-btn'}" :is-link="true" to="/" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Back to Current Event</Btn>
+              <Btn data-umami-event="go-to-2024-page-btn" :is-link="true" to="/" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Back to Current Event</Btn>
             </div>
             <div class="card-right flex flex-grow-1 justify-end items-center">
               <img src="@/assets/images/logo-white.png" alt="TeknumConf logo" class="w-100 hidden lg:block rounded-full">
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 4599ca3..8c26cec 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -23,7 +23,7 @@ useHead({
                                 </svg>
                                 <span>We are still preparing for TeknumConf 2024</span>
                             </h3>
-                            <Btn v-umami="{name: 'go-to-2023-page-btn'}" :isLink="true" to="/2023" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Discover What You Missed in 2023!</Btn>
+                            <Btn data-umami-event="go-to-2023-page-btn" :isLink="true" to="/2023" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Discover What You Missed in 2023!</Btn>
                         </div>
                         <div class="card-right flex flex-grow-1 justify-end items-center">
                             <img src="@/assets/images/logo-white.png" alt="TeknumConf logo" class="w-100 hidden lg:block rounded-full">
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 9370d62..1b9acd9 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -14,9 +14,6 @@ importers:
       '@sentry/vue':
         specifier: ^7.72.0
         version: 7.72.0(vue@3.3.4)
-      nuxt-umami:
-        specifier: ^2.6.2
-        version: 2.6.2
       qrcode.vue:
         specifier: ^3.4.1
         version: 3.4.1(vue@3.3.4)
@@ -2853,9 +2850,6 @@ packages:
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
 
-  nuxt-umami@2.6.2:
-    resolution: {integrity: sha512-2EtGdp04jml4967Qgo1lv2jrMPnojuDnJD5aMaNAxbwG4EGTkpRjymNDokLEzDiJEEovkhxrY3pJAX/TO8f4/A==}
-
   nuxt@3.7.3:
     resolution: {integrity: sha512-fh3l3PhL79pHJckHVGebTFYlqXDq1jHAXUcNmS3RTfmJRb1s4qi5kSRgmYUWEI5I4Iu+S0u8wWh2ChvnZMQRog==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -7325,8 +7319,6 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  nuxt-umami@2.6.2: {}
-
   nuxt@3.7.3(@parcel/watcher@2.3.0)(@types/node@18.17.3)(encoding@0.1.13)(rollup@3.29.3)(terser@5.30.3):
     dependencies:
       '@nuxt/devalue': 2.0.2