From b6d3a4fff39879bfa4b57a207c2184c8b84e5393 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Tue, 12 Mar 2024 10:50:24 +0900
Subject: [PATCH] =?UTF-8?q?enhance(ServerFinder):=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E8=83=8C=E6=99=AF=E7=94=BB=E5=83=8F=E3=81=AE?=
 =?UTF-8?q?=E5=84=AA=E5=85=88=E9=A0=86=E4=BD=8D=E3=82=92=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/data/nav.ts          |  4 ++--
 components/servers/Item.vue |  8 ++++----
 types/misc.d.ts             | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/assets/data/nav.ts b/assets/data/nav.ts
index 2cc59a48..3cf1f4e5 100644
--- a/assets/data/nav.ts
+++ b/assets/data/nav.ts
@@ -1,4 +1,4 @@
-import type { FunctionalComponent } from "nuxt/dist/app/compat/capi";
+import type { Component } from "#app/compat/capi";
 import GHIcon from "bi/github.svg";
 
 export type NavSection = {
@@ -18,7 +18,7 @@ export type NavItem = {
     to: string;
 } | {
     /** アイコン（svgをインポートして貼り付け） */
-    icon: FunctionalComponent | string;
+    icon: Component | string;
     /** リンク先 */
     to: string;
 };
diff --git a/components/servers/Item.vue b/components/servers/Item.vue
index 4e174130..8aace34c 100644
--- a/components/servers/Item.vue
+++ b/components/servers/Item.vue
@@ -3,8 +3,8 @@
         <GNuxtLink :to="`https://${instance.url}`" target="_blank" class="relative">
             <template v-if="view === 'grid'">
                 <div class="relative aspect-video bg-gray-200 dark:bg-gray-600">
-                    <img v-if="instance.banner" loading="lazy" :src="`https://instanceapp.misskey.page/instance-banners/${instance.url}.webp`" class="w-full h-full object-cover" />
-                    <img v-else-if="instance.background" loading="lazy" :src="`https://instanceapp.misskey.page/instance-backgrounds/${instance.url}.webp`" class="w-full h-full object-cover" />
+                    <img v-if="instance.background" loading="lazy" :src="`https://instanceapp.misskey.page/instance-backgrounds/${instance.url}.webp`" class="w-full h-full object-cover" />
+                    <img v-else-if="instance.banner" loading="lazy" :src="`https://instanceapp.misskey.page/instance-banners/${instance.url}.webp`" class="w-full h-full object-cover" />
                     <div class="absolute h-1/2 bottom-0 left-0 w-full bg-gradient-to-b from-transparent to-black text-white p-4 flex items-end">
                         <div class="h-14 w-14 min-w-0 flex-shrink-0 mr-4">
                             <img v-if="instance.icon" :src="`https://instanceapp.misskey.page/instance-icons/${instance.url}.webp`" class="w-full h-full rounded" />
@@ -35,8 +35,8 @@
             </template>
             <template v-else-if="view === 'list'">
                 <div class="absolute h-full w-4/5 top-0 left-0 overflow-hidden">
-                    <img v-if="instance.banner" loading="lazy" :src="`https://instanceapp.misskey.page/instance-banners/${instance.url}.webp`" class="h-full w-full object-cover object-center opacity-40 blur-md" />
-                    <img v-else-if="instance.background" loading="lazy" :src="`https://instanceapp.misskey.page/instance-backgrounds/${instance.url}.webp`" class="h-full w-full object-cover object-center opacity-40 blur-md" />
+                    <img v-if="instance.background" loading="lazy" :src="`https://instanceapp.misskey.page/instance-backgrounds/${instance.url}.webp`" class="h-full w-full object-cover object-center opacity-40 blur-md" />
+                    <img v-else-if="instance.banner" loading="lazy" :src="`https://instanceapp.misskey.page/instance-banners/${instance.url}.webp`" class="h-full w-full object-cover object-center opacity-40 blur-md" />
                     <div class="absolute top-0 left-0 h-full w-full bg-gradient-to-r from-transparent to-white dark:to-slate-800"></div>
                 </div>
                 <div class="relative flex w-full items-center p-2">
diff --git a/types/misc.d.ts b/types/misc.d.ts
index ae8f28e9..7203074a 100644
--- a/types/misc.d.ts
+++ b/types/misc.d.ts
@@ -1,11 +1,13 @@
 import type { LocaleCodes } from './../nuxt.config';
 import type { ComputedRef } from 'vue-demi';
 import type { LocaleObject } from '@nuxtjs/i18n';
+import { FunctionalComponent, SVGAttributes } from '#app/compat/capi';
+
+export { };
 
 declare module '*.svg' {
-    import { FunctionalComponent, SVGAttributes } from 'vue'
-    const src: FunctionalComponent<SVGAttributes>
-    export default src
+    const src: FunctionalComponent<SVGAttributes>;
+    export default src;
 }
 
 declare module 'nuxt/schema' {
@@ -52,5 +54,3 @@ declare module 'vue-i18n' {
         locales: ComputedRef<LocaleObject[]>
     }
 }
-
-export { };
\ No newline at end of file