refactor: main logic

teknologi-umum · May 23, 2024 · 650d9fd · 650d9fd
1 parent 9b5bace
commit 650d9fd
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 24 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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