Add home page category names

website/pages/index.vue

@@ -1,28 +1,9 @@
 <template>
   <div>
-    <h1>{{ global.title }}</h1>
-    <h2>{{ global.description }}</h2>
+    <h2>Latest Recipes</h2>
+    <h2>Personal Favourites</h2>
+    <h2>Fast (and Fancy)</h2>
+    <h2>World Cuisines</h2>
   </div>
 </template>
 
-<script setup lang="ts">
-//const { $directus, $readItems } = useNuxtApp();
-
-// const response = await useAsyncData("global", () => {
-//   return $directus.request(
-//     $readItems("global"));
-// });
-// const globalData = response.data;
-//
-// if (!globalData.value) {
-//   throw createError({
-//     statusCode: 404,
-//     statusMessage: "Page not found",
-//   });
-// }
-// const global = ref(globalData.value!);
-const global = {
-  title: "",
-  description: "howdy",
-};
-</script>