diff --git a/src/components/AssetCard.astro b/src/components/AssetCard.astro
index b36f122..66c3738 100644
--- a/src/components/AssetCard.astro
+++ b/src/components/AssetCard.astro
@@ -3,20 +3,8 @@ interface Props {
   asset: Asset;
 }
 import { Image } from "astro:assets";
+import { ASSET_URL, type Asset } from "@/lib/asset";
 import { Ban, CircleAlert, UserRoundPlus } from "lucide-astro";
-interface Asset {
-  name: string;
-  image: string;
-  link?: string;
-  links?: { name: string; url: string }[];
-  say?: string;
-  custom?: boolean;
-  partial?: boolean | string;
-  error?: boolean | string;
-  blank?: boolean | string;
-}
-
-export const ASSET_URL = "https://raw.githubusercontent.com/UseInterstellar/Interstellar-Assets/main";
 
 const { asset } = Astro.props;
 export const prerender = false;
@@ -35,13 +23,7 @@ export const prerender = false;
     <div
       class="absolute bottom-0 left-0 w-full h-full bg-black/20 opacity-0 group-hover:opacity-100 rounded-b-md duration-150 flex items-end p-2 px-4 font-semibold transition-all z-10"
     >
-      <section
-        class="inline-flex items-center gap-2 text-white"
-        class:list={{
-          "text-red-600": asset.error,
-          "text-yellow-400": asset.partial,
-        }}
-      >
+      <section class="inline-flex items-center gap-2 text-white" class:list={{ "text-red-600": asset.error, "text-yellow-400": asset.partial }}>
         {asset.custom && <UserRoundPlus class="size-5" />}
         {asset.partial && <CircleAlert class="size-5" />}
         {asset.error && <Ban class="size-5" />}
@@ -52,5 +34,4 @@ export const prerender = false;
     </div>
   </div>
 </button>
-
 <script src="@/lib/assets.ts"></script>
diff --git a/src/lib/asset.ts b/src/lib/asset.ts
new file mode 100644
index 0000000..16bb943
--- /dev/null
+++ b/src/lib/asset.ts
@@ -0,0 +1,14 @@
+export const ASSET_URL =
+  "https://raw.githubusercontent.com/UseInterstellar/Interstellar-Assets/main";
+
+export type Asset = {
+  name: string;
+  image: string;
+  link?: string;
+  links?: { name: string; url: string }[];
+  say?: string;
+  custom?: boolean;
+  partial?: boolean | string;
+  error?: boolean | string;
+  blank?: boolean | string;
+};