feat: start checks

src/components/ModTitlecard.vue

@@ -9,6 +9,8 @@ const props = defineProps({
     showNamespace: Boolean,
     showVersion: Boolean,
     showCategories: Boolean,
+    showDescription: Boolean,
+    showIcon: Boolean,
 });
 
 const iconSrc = () => {
@@ -26,12 +28,13 @@ const iconSrc = () => {
 
 <template>
     <img
+        v-if="showIcon"
         :src="iconSrc()"
         class="self-center rounded-sm"
         width="32px"
         height="32px"
     />
-    <label class="m-3 align-middle text grow z-5 h-50px" for="switch">
+    <label class="m-3 align-middle text grow z-5 h-50px">
         <div>
             <span class="text-lg">
                 {{ pkg?.name ?? 'Untitled' }}
@@ -48,6 +51,18 @@ const iconSrc = () => {
                 class="pi pi-exclamation-triangle ml-1 text-red-400"
             >
             </span>
+            <span
+                v-if="pkg?.loc?.kind === 'Hook'"
+                v-tooltip="'Hook'"
+                class="pi pi-wrench ml-1 text-blue-400"
+            >
+            </span>
+            <span
+                v-if="pkg?.loc?.kind === 'IO'"
+                v-tooltip="'IO'"
+                class="pi pi-wrench ml-1 text-green-400"
+            >
+            </span>
             <span
                 v-if="showNamespace && pkg?.namespace"
                 class="text-sm opacity-75"
@@ -69,8 +84,8 @@ const iconSrc = () => {
                 >
             </span>
         </div>
-        <div class="text-sm opacity-75">
-            {{ pkg?.description ?? 'No description' }}
+        <div v-if="showDescription" class="text-sm opacity-75">
+            {{ pkg?.description || 'No description' }}
         </div>
         <div v-if="showCategories" class="mt-1 flex gap-1">
             <span class="text-xs" v-for="c in pkg?.rmt?.categories"