fix: 500 errors

menthorlabs · Nov 16, 2023 · 3543f18 · 3543f18
1 parent c08c06a
commit 3543f18
Show file tree

Hide file tree

Showing 6 changed files with 1,197 additions and 1,270 deletions.
diff --git a/apps/app/components/atoms/AppIconButton.vue b/apps/app/components/atoms/AppIconButton.vue
@@ -29,23 +29,19 @@ const apps: { [key: string]: { url: string } } = {
 </script>
 
 <template>
-  <VTooltip v-if="apps[app]">
-    <nuxt-link
-      :to="apps[app].url"
-      target="_blank"
-      external
-      class="flex h-[40px] w-[40px] min-w-[40px] cursor-pointer items-center justify-center rounded-full border border-zinc-200 bg-white/90 px-2 py-3 hover:bg-zinc-100/90"
-    >
-      <nuxt-img
-        :src="`/app/logos/${app}.svg`"
-        :alt="app"
-        class="w-full h-full object-contain object-center"
-        height="16"
-        width="auto"
-      />
-    </nuxt-link>
-    <template #popper>
-      <span class="capitalize">{{ app }}</span>
-    </template>
-  </VTooltip>
+  <nuxt-link
+    v-if="apps[app]"
+    :to="apps[app].url"
+    target="_blank"
+    external
+    class="flex h-[40px] w-[40px] min-w-[40px] cursor-pointer items-center justify-center rounded-full border border-zinc-200 bg-white/90 px-2 py-3 hover:bg-zinc-100/90"
+  >
+    <nuxt-img
+      :src="`/app/logos/${app}.svg`"
+      :alt="app"
+      class="w-full h-full object-contain object-center"
+      height="16"
+      width="auto"
+    />
+  </nuxt-link>
 </template>
diff --git a/apps/app/components/molecules/TopBar.vue b/apps/app/components/molecules/TopBar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Color } from "colorthief";
+import type { Color } from "colorthief";
 
 const router = useRouter();
 const sessionStore = useSessionStore();

diff --git a/apps/app/pages/index.vue b/apps/app/pages/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ColorThief, { Color } from "colorthief";
+import ColorThief, { type Color } from "colorthief";
 const userStore = useUserStore();
 const shadowStore = useShadowStore();
 
@@ -26,7 +26,7 @@ const checkLeave = () => {
 const description =
   "Plataforma gratuita de ensino de programação web para pessoas que estão buscando o primeiro emprego na área ou que querem construir seu próprio negócio.";
 useSeoMeta({
-  title: title,
+  title: title.value,
   description: description,
   ogDescription: description,
   ogImage: "https://menthor.io/brand/menthor-cover.jpg",

diff --git a/apps/app/stores/utils/shadow.ts b/apps/app/stores/utils/shadow.ts
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { Color } from "colorthief";
+import { type Color } from "colorthief";
 
 const DEFAULT_COLORS: Array<Color> = [
   [236, 72, 153],

diff --git a/apps/app/types/colorthief.d.ts b/apps/app/types/colorthief.d.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 declare module "colorthief" {
   type Color = [number, number, number];
   export default class ColorThief {