From 9a638df9fff9e7d43240f01edaef0ad9811d9090 Mon Sep 17 00:00:00 2001
From: joeperpetua <qwerty.perpetua@gmail.com>
Date: Thu, 19 Dec 2024 20:17:45 +0100
Subject: [PATCH] rollback transitions to native comps

---
 public/favicon.ico                            | Bin 15406 -> 0 bytes
 public/index.html                             |  89 ------------------
 src/components/Navbar.vue                     |  11 ++-
 src/components/PartnerCard.vue                |  11 ++-
 src/components/icons/GitHub-icon.vue          |   2 -
 src/components/icons/LinkedIn-icon.vue        |   2 -
 src/components/icons/Telegram-icon.vue        |   2 -
 src/components/icons/X-icon.vue               |   2 -
 .../transitions/Opacity-min-max.vue           |   2 -
 tsconfig.app.json                             |   4 +-
 10 files changed, 21 insertions(+), 104 deletions(-)
 delete mode 100644 public/favicon.ico
 delete mode 100644 public/index.html

diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 0460029697c0bae3351d3a8134db03a54dadd820..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15406
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
F{{sRlYBT@<

diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index 5211d89..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Welcome to Firebase Hosting</title>
-
-    <!-- update the version number as needed -->
-    <script defer src="/__/firebase/10.14.1/firebase-app-compat.js"></script>
-    <!-- include only the Firebase features as you need -->
-    <script defer src="/__/firebase/10.14.1/firebase-auth-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-database-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-firestore-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-functions-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-messaging-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-storage-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-analytics-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-remote-config-compat.js"></script>
-    <script defer src="/__/firebase/10.14.1/firebase-performance-compat.js"></script>
-    <!-- 
-      initialize the SDK after all desired features are loaded, set useEmulator to false
-      to avoid connecting the SDK to running emulators.
-    -->
-    <script defer src="/__/firebase/init.js?useEmulator=true"></script>
-
-    <style media="screen">
-      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
-      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
-      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
-      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
-      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
-      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
-      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
-      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
-      @media (max-width: 600px) {
-        body, #message { margin-top: 0; background: white; box-shadow: none; }
-        body { border-top: 16px solid #ffa100; }
-      }
-    </style>
-  </head>
-  <body>
-    <div id="message">
-      <h2>Welcome</h2>
-      <h1>Firebase Hosting Setup Complete</h1>
-      <p>You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!</p>
-      <a target="_blank" href="https://firebase.google.com/docs/hosting/">Open Hosting Documentation</a>
-    </div>
-    <p id="load">Firebase SDK Loading&hellip;</p>
-
-    <script>
-      document.addEventListener('DOMContentLoaded', function() {
-        const loadEl = document.querySelector('#load');
-        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
-        // // The Firebase SDK is initialized and available here!
-        //
-        // firebase.auth().onAuthStateChanged(user => { });
-        // firebase.database().ref('/path/to/ref').on('value', snapshot => { });
-        // firebase.firestore().doc('/foo/bar').get().then(() => { });
-        // firebase.functions().httpsCallable('yourFunction')().then(() => { });
-        // firebase.messaging().requestPermission().then(() => { });
-        // firebase.storage().ref('/path/to/ref').getDownloadURL().then(() => { });
-        // firebase.analytics(); // call to activate
-        // firebase.analytics().logEvent('tutorial_completed');
-        // firebase.performance(); // call to activate
-        //
-        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
-
-        try {
-          let app = firebase.app();
-          let features = [
-            'auth', 
-            'database', 
-            'firestore',
-            'functions',
-            'messaging', 
-            'storage', 
-            'analytics', 
-            'remoteConfig',
-            'performance',
-          ].filter(feature => typeof app[feature] === 'function');
-          loadEl.textContent = `Firebase SDK loaded with ${features.join(', ')}`;
-        } catch (e) {
-          console.error(e);
-          loadEl.textContent = 'Error loading the Firebase SDK, check the console.';
-        }
-      });
-    </script>
-  </body>
-</html>
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index c401d15..754e079 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -32,7 +32,14 @@ const setOpen = (state: boolean) => {
         games
       </p>
 
-      <TransitionGeneric type="opacityFromMin" duration="300">
+      <transition
+        enter-active-class="transition-opacity duration-300"
+        leave-active-class="transition-opacity duration-300"
+        enter-from-class="opacity-0"
+        enter-to-class="opacity-100"
+        leave-from-class="opacity-100"
+        leave-to-class="opacity-0"
+      >
         <div
           v-show="gamesOpen"
           class="absolute top-20 right-20 bg-white shadow-lg rounded p-4 flex flex-col bg-background w-[50vw] md:w-fit"
@@ -49,7 +56,7 @@ const setOpen = (state: boolean) => {
             {{ game.name }}
           </RouterLink>
         </div>
-      </TransitionGeneric>
+      </transition>
 
       <RouterLink to="/#about"> about </RouterLink>
     </div>
diff --git a/src/components/PartnerCard.vue b/src/components/PartnerCard.vue
index 60aa657..e0c3033 100644
--- a/src/components/PartnerCard.vue
+++ b/src/components/PartnerCard.vue
@@ -25,7 +25,14 @@ const { name, redirectUrl, height = '200', width = '200' } = defineProps<Props>(
 <template>
   <div @mouseenter="setHover(true)" @mouseleave="setHover(false)" class="relative my-2">
     <img :src="getImgUrl(name)" :alt="`${name} logo`" :height="height" :width="width" />
-    <TransitionGeneric type="opacityFromMin" duration="300">
+    <transition
+        enter-active-class="transition-opacity duration-300"
+        leave-active-class="transition-opacity duration-300"
+        enter-from-class="opacity-0"
+        enter-to-class="opacity-100"
+        leave-from-class="opacity-100"
+        leave-to-class="opacity-0"
+      >
       <div
         v-show="hover"
         class="absolute top-0 flex flex-col justify-center items-center w-full bg-backdrop90 h-full"
@@ -39,6 +46,6 @@ const { name, redirectUrl, height = '200', width = '200' } = defineProps<Props>(
           >see more</a
         >
       </div>
-    </TransitionGeneric>
+    </transition>
   </div>
 </template>
diff --git a/src/components/icons/GitHub-icon.vue b/src/components/icons/GitHub-icon.vue
index 9e337f2..c239e69 100644
--- a/src/components/icons/GitHub-icon.vue
+++ b/src/components/icons/GitHub-icon.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   width?: string
   height?: string
diff --git a/src/components/icons/LinkedIn-icon.vue b/src/components/icons/LinkedIn-icon.vue
index accf0e8..3eadfba 100644
--- a/src/components/icons/LinkedIn-icon.vue
+++ b/src/components/icons/LinkedIn-icon.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   width?: string
   height?: string
diff --git a/src/components/icons/Telegram-icon.vue b/src/components/icons/Telegram-icon.vue
index 5c47182..c93ba74 100644
--- a/src/components/icons/Telegram-icon.vue
+++ b/src/components/icons/Telegram-icon.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   width?: string
   height?: string
diff --git a/src/components/icons/X-icon.vue b/src/components/icons/X-icon.vue
index 7bbe736..1d88750 100644
--- a/src/components/icons/X-icon.vue
+++ b/src/components/icons/X-icon.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   width?: string
   height?: string
diff --git a/src/components/transitions/Opacity-min-max.vue b/src/components/transitions/Opacity-min-max.vue
index d21741f..f8bca8e 100644
--- a/src/components/transitions/Opacity-min-max.vue
+++ b/src/components/transitions/Opacity-min-max.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   duration: string
   min: string
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 93f952f..673c9db 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -8,6 +8,8 @@
 
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "resolveJsonModule": true,
+    "esModuleInterop": true
   }
 }