Deploy

src/hooks/useVulaContent.ts

@@ -0,0 +1,31 @@
+'use client'
+import { useState, useEffect } from 'react'
+
+export interface CmsItem {
+  id: string
+  collection: string
+  title: string | null
+  data: Record<string, unknown>
+  status: string
+  sortOrder: number
+  scheduledAt: string | null
+  expiresAt: string | null
+  publishedAt: string | null
+}
+
+export function useVulaContent(collection: string) {
+  const [items, setItems] = useState<CmsItem[]>([])
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    fetch(`/api/content/${collection}`)
+      .then(r => r.json())
+      .then((data: { items?: CmsItem[] }) => {
+        setItems(data.items ?? [])
+        setLoading(false)
+      })
+      .catch(() => setLoading(false))
+  }, [collection])
+
+  return { items, loading }
+}