feat: add WASM badge

fix: Update CONTRIBUTING.md
i18n: add `package.metrics.wasm` key

Author: gameroman

CONTRIBUTING.md

@@ -462,11 +462,8 @@ The following scripts help manage translation files. `en.json` is the reference
 
 | Command                        | Description                                                                                                                                                                             |
 | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `pnpm i18n:check [locale]`     | Compares `en.json` with other locale files. Shows missing and extra keys. Optionally filter output by locale (e.g. `pnpm i18n:check ja-JP`).                                            |
-| `pnpm i18n:check:fix [locale]` | Same as check, but adds missing keys to other locales with English placeholders.                                                                                                        |
-| `pnpm i18n:report`             | Audits translation keys against code usage in `.vue` and `.ts` files. Reports missing keys (used in code but not in locale), unused keys (in locale but not in code), and dynamic keys. |
+| `pnpm i18n:check:fix [locale]` | Adds missing keys to other locales with English placeholders.                                                                                                        |
 | `pnpm i18n:report:fix`         | Removes unused keys from `en.json` and all other locale files.                                                                                                                          |
-| `pnpm i18n:schema`             | Generates a JSON Schema from `en.json` at `i18n/schema.json`. Locale files reference this schema for IDE validation and autocompletion.                                                 |
 
 ### Adding a new locale
 

app/components/Package/MetricsBadges.vue

@@ -26,6 +26,11 @@ const hasCjs = computed(() => {
   return analysis.value.moduleFormat === 'cjs' || analysis.value.moduleFormat === 'dual'
 })
 
+const isWasm = computed(() => {
+  if (!analysis.value) return false
+  return analysis.value.moduleFormat === 'wasm'
+})
+
 // Types support
 const hasTypes = computed(() => {
   if (!analysis.value) return false
@@ -80,35 +85,45 @@ const typesHref = computed(() => {
       </TooltipApp>
     </li>
 
-    <!-- ESM badge (show with X if missing) -->
-    <li class="contents">
-      <TooltipApp
-        :text="isLoading ? '' : hasEsm ? $t('package.metrics.esm') : $t('package.metrics.no_esm')"
-        strategy="fixed"
-      >
-        <TagStatic
-          tabindex="0"
-          :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
-          :classicon="
-            isLoading ? 'i-svg-spinners:ring-resize ' : hasEsm ? 'i-lucide:check' : 'i-lucide:x'
-          "
-        >
-          ESM
-        </TagStatic>
-      </TooltipApp>
-    </li>
+    <template v-if="isWasm && !isLoading">
+      <li class="contents">
+        <TooltipApp :text="$t('package.metrics.wasm')" strategy="fixed">
+          <TagStatic tabindex="0" variant="default">WASM</TagStatic>
+        </TooltipApp>
+      </li>
+    </template>
 
-    <!-- CJS badge -->
-    <li v-if="isLoading || hasCjs" class="contents">
-      <TooltipApp :text="isLoading ? '' : $t('package.metrics.cjs')" strategy="fixed">
-        <TagStatic
-          tabindex="0"
-          :variant="isLoading ? 'ghost' : 'default'"
-          :classicon="isLoading ? 'i-svg-spinners:ring-resize ' : 'i-lucide:check'"
+    <template v-else>
+      <!-- ESM badge (show with X if missing) -->
+      <li class="contents">
+        <TooltipApp
+          :text="isLoading ? '' : hasEsm ? $t('package.metrics.esm') : $t('package.metrics.no_esm')"
+          strategy="fixed"
         >
-          CJS
-        </TagStatic>
-      </TooltipApp>
-    </li>
+          <TagStatic
+            tabindex="0"
+            :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
+            :classicon="
+              isLoading ? 'i-svg-spinners:ring-resize ' : hasEsm ? 'i-lucide:check' : 'i-lucide:x'
+            "
+          >
+            ESM
+          </TagStatic>
+        </TooltipApp>
+      </li>
+
+      <!-- CJS badge -->
+      <li v-if="isLoading || hasCjs" class="contents">
+        <TooltipApp :text="isLoading ? '' : $t('package.metrics.cjs')" strategy="fixed">
+          <TagStatic
+            tabindex="0"
+            :variant="isLoading ? 'ghost' : 'default'"
+            :classicon="isLoading ? 'i-svg-spinners:ring-resize ' : 'i-lucide:check'"
+          >
+            CJS
+          </TagStatic>
+        </TooltipApp>
+      </li>
+    </template>
   </ul>
 </template>

i18n/locales/en.json

@@ -530,8 +530,9 @@
     },
     "metrics": {
       "esm": "ES Modules supported",
-      "cjs": "CommonJS supported",
+      "cjs": "CommonJS supported",,
       "no_esm": "ES Modules unsupported",
+      "wasm": "Has Web Assembly"
       "types_label": "Types",
       "types_included": "Types included",
       "types_available": "Types available via {package}",

i18n/schema.json

@@ -1600,6 +1600,9 @@
             "no_esm": {
               "type": "string"
             },
+            "wasm": {
+              "type": "string"
+            },
             "types_label": {
               "type": "string"
             },