refactor: migrate schema fetching to useAsyncData and remove product navigation link.

Author: clifordpereira

playground/app/layouts/default.vue

@@ -11,10 +11,7 @@
           Nuxt Auto CRUD (Full Stack Example)
         </div>
         <nav>
-          <NuxtLink
-            to="/resource/products"
-            class="text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white px-3 py-2"
-          >Products</NuxtLink>
+
           <LoginModal
             label="Admin Login"
             color="neutral"

src/runtime/composables/useResourceSchemas.ts

@@ -1,7 +1,7 @@
-import { useFetch } from '#imports'
+import { useAsyncData } from '#imports'
 
 export const useResourceSchemas = async () => {
-  const { data: schemas, status, error, refresh } = await useFetch<Record<string, { resource: string, fields: { name: string, type: string, required?: boolean, selectOptions?: string[] }[] }>>('/api/_schema')
+  const { data: schemas, status, error, refresh } = await useAsyncData('resource-schemas', () => $fetch<Record<string, { resource: string, fields: { name: string, type: string, required?: boolean, selectOptions?: string[] }[] }>>('/api/_schema'))
 
   const getSchema = (resource: string) => {
     if (!schemas.value) return undefined