diff --git a/icons/vue-why-render.svg b/icons/vue-why-render.svg
new file mode 100644
index 000000000..3c04b63e7
--- /dev/null
+++ b/icons/vue-why-render.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none">
+  <rect x="3" y="3" width="26" height="26" rx="6" stroke="#10b981" stroke-width="2.5"/>
+  <path d="M12 12.5a4 4 0 1 1 4 4V19" stroke="#ef4444" stroke-width="2.5" stroke-linecap="round"/>
+  <circle cx="16" cy="23.5" r="1.6" fill="#ef4444"/>
+</svg>
diff --git a/modules/vue-why-render.yml b/modules/vue-why-render.yml
new file mode 100644
index 000000000..0bb97953c
--- /dev/null
+++ b/modules/vue-why-render.yml
@@ -0,0 +1,18 @@
+name: vue-why-render
+description: >-
+  See which Vue components re-render and why: highlights re-renders and names
+  the exact reactive dependency that triggered them.
+repo: dadashi44/vue-why-render
+npm: vue-why-render
+icon: vue-why-render.svg
+github: https://github.com/dadashi44/vue-why-render
+website: https://dadashi44.github.io/vue-why-render/
+learn_more: https://github.com/dadashi44/vue-why-render#nuxt
+category: Devtools
+type: 3rd-party
+maintainers:
+  - name: Dadashiii
+    github: dadashi44
+compatibility:
+  nuxt: '>=3.5.0'
+  requires: {}