fix(self-inspect): use correct prop name for DisplayNumberBadge (#218)

arashsheyda · web-flow · commit 8345ae7cf9af · 2026-03-18T10:47:28.000+09:00
diff --git a/packages/self-inspect/src/app/components/ClientScriptsList.vue b/packages/self-inspect/src/app/components/ClientScriptsList.vue
@@ -37,7 +37,7 @@ function shortPath(path: string): string {
     <div v-for="[type, typeScripts] in grouped" :key="type">
       <div flex="~ items-center gap-2" mb1 mt2>
         <DisplayBadge :text="type" />
-        <DisplayNumberBadge :value="typeScripts.length" />
+        <DisplayNumberBadge :number="typeScripts.length" />
       </div>
       <table w-full text-sm>
         <thead>
diff --git a/packages/self-inspect/src/app/components/DocksList.vue b/packages/self-inspect/src/app/components/DocksList.vue
@@ -37,7 +37,7 @@ function hasClientScript(dock: DevToolsDockEntry): boolean {
     <div v-for="[category, categoryDocks] in grouped" :key="category">
       <div flex="~ items-center gap-2" mb1 mt2>
         <span text-xs font-medium op50>{{ category }}</span>
-        <DisplayNumberBadge :value="categoryDocks.length" />
+        <DisplayNumberBadge :number="categoryDocks.length" />
       </div>
       <table w-full text-sm>
         <thead>
diff --git a/packages/self-inspect/src/app/components/RpcFunctionsList.vue b/packages/self-inspect/src/app/components/RpcFunctionsList.vue
@@ -81,7 +81,7 @@ const grouped = computed(() => {
     <div v-for="[ns, fns] in grouped" :key="ns">
       <div flex="~ items-center gap-2" mb1 mt2>
         <span font-mono text-xs op50>{{ ns }}</span>
-        <DisplayNumberBadge :value="fns.length" />
+        <DisplayNumberBadge :number="fns.length" />
       </div>
       <table w-full text-sm>
         <thead>
