List supported app names below page title

pages/kind/_slug.vue

@@ -4,9 +4,12 @@
             <h1 class="title text-3xl md:text-5xl font-hairline leading-tight text-center pb-4">
                 {{ section.label }} that are reported to support Apple Silicon
             </h1>
-            <!-- <h2 class="subtitle md:text-xl font-light text-center">
+            <h2
-                {{ section.label }} that are reported to support Apple Silicon
+                v-if="supportedAppList.length !== 0"
-            </h2> -->
+                class="subtitle md:text-xl font-light text-center"
+            >
+                Supported apps include {{ supportedAppList.join(', ') }}.
+            </h2>
 
             <Search
                 :app-list="sectionAppList"
@@ -51,6 +54,12 @@ export default {
                 return app.section.slug === this.slug
             })
         },
+        supportedAppList () {
+            return this.sectionAppList.filter(app => {
+                console.log('app.status', app.status)
+                return app.status.includes('yes')
+            }).map(app => app.name)
+        },
     }
 }
 </script>