Add ibasic home page list

components/search-stork.vue

@@ -97,10 +97,13 @@
                         </div>
 
                         <div
-                            v-html="makeHighlightedResultTitle( listing.storkResult )"
+                            v-html="listing.name"
                         />
 
-                        <div class="text-xs leading-5 font-light">
+                        <div
+                            v-if="listing.storkResult"
+                            class="text-xs leading-5 font-light"
+                        >
                             <div
                                 v-for="(excerpt, i) in listing.storkResult.excerpts"
                                 :key="`excerpt-${i}`"
@@ -238,8 +241,8 @@ export default {
         RelativeTime: () => process.client ? import('~/components/relative-time.vue') : null
     },
     props: {
-        appList: {
-            type: Array,
+        kindPage: {
+            type: Object,
             required: true
         },
         noEmailSubscribe: {
@@ -267,6 +270,9 @@ export default {
         }
     },
     computed: {
+        appList () {
+            return this.kindPage.items
+        },
         initialList () {
             return this.initialLimit !== null ? this.appList.slice(0, this.initialLimit) : this.appList
         },
@@ -452,7 +458,7 @@ export default {
 
             this.listingsResults = storkQuery.results.map( result => {
                 return {
-                    name: result.entry.title,
+                    name: makeHighlightedResultTitle( result ),
                     endpoint: result.entry.url,
                     slug: '',
                     category: {

src/pages/index.astro

@@ -7,6 +7,8 @@
 // Full Astro Component Syntax:
 // https://docs.astro.build/core-concepts/astro-components/
 
+import { DoesItAPI } from '~/helpers/api/client.js'
+
 import Layout from '../layouts/default.astro'
 import Search from '~/components/search-stork.vue'
 import ListSummary from '~/components/list-summary.vue'
@@ -16,6 +18,7 @@ import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
 
 import getListSummaryNumbers from '~/helpers/get-list-summary-numbers.js'
 
+const homePageKindPage = await DoesItAPI.kind.app(1).get()
 
 ---
 <Layout
@@ -43,7 +46,7 @@ import getListSummaryNumbers from '~/helpers/get-list-summary-numbers.js'
             </div>
 
             <Search
-                app-list={[]}
+                kind-page={homePageKindPage}
 
                 client:load
             >