From 844bb477f5a8c16e858b5b465cd41d72e2021760 Mon Sep 17 00:00:00 2001
From: Ezira Ashenafi <eazash22@gmail.com>
Date: Thu, 27 Nov 2025 19:23:24 +0300
Subject: [PATCH] feat(modules): display module compatibility

---
 app/pages/modules/[slug].vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/pages/modules/[slug].vue b/app/pages/modules/[slug].vue
index df2d26fd7..5246058d1 100644
--- a/app/pages/modules/[slug].vue
+++ b/app/pages/modules/[slug].vue
@@ -151,6 +151,17 @@ defineOgImageComponent('Module', {
           </NuxtLink>
         </UTooltip>
 
+        <template v-if="module.compatibility?.nuxt">
+          <span class="hidden lg:block text-muted">&bull;</span>
+
+          <UTooltip text="Module Compatibility">
+            <div class="flex items-center gap-1 5">
+              <UIcon name="i-simple-icons-nuxtdotjs" class="size-5 shrink-0"></UIcon>
+              <span class="text-sm font-medium">{{ module.compatibility.nuxt }}</span>
+            </div>
+          </UTooltip>
+        </template>
+
         <div class="mx-3 h-6 border-l border-gray-200 dark:border-gray-800 w-px hidden lg:block" />
 
         <div v-for="(maintainer, index) in module.maintainers" :key="maintainer.github" class="flex items-center gap-3">