WIP: Vendors frontend

frontend/app/vendors/page.js

@@ -0,0 +1,34 @@
+import Link from 'next/link'
+import { notFound } from 'next/navigation'
+import directus from '~/lib/directus'
+
+const PER_PAGE = 50
+
+async function getVendors(page = 1) {
+  return directus.items('vendors').readByQuery({
+    fields: [
+      //
+      '*',
+    ],
+    limit: PER_PAGE,
+    page,
+    meta: ['filter_count'],
+  })
+}
+
+export default async function VendorsPage({ params }) {
+  const { data: vendors, meta } = await getVendors()
+
+  return (
+    <div>
+      <h1>Vendors ({meta.filter_count} total)</h1>
+      <ul>
+        {vendors.map((v) => (
+          <li>
+            <Link href={`/vendors/${v.slug}`}>{v.name}</Link>
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}