Frontend setup

client/layouts/admin.vue

@@ -0,0 +1,6 @@
+<template>
+    <div>
+      <p>Admin layout</p>
+      <slot />
+    </div>
+  </template>

client/layouts/default.vue

@@ -0,0 +1,6 @@
+<template>
+    <div>
+      <p>Some default layout content shared across all pages</p>
+      <slot />
+    </div>
+  </template>

client/pages/admin/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <h1>Admin page</h1>
+</template>

client/pages/home/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <h1>Index page</h1>
+</template>

client/pages/index.vue

@@ -0,0 +1,30 @@
+<!-- <NuxtWelcome /> -->
+<template>
+    <p>There are {{ JSON.stringify(data) || 0 }} ships.</p>
+  </template>
+
+  <script lang="ts" setup>
+  const query = gql`
+    query GetArticles($limit: Int) {
+      allArticles(limit: $limit) {
+        id
+        title
+        content
+        createdAt
+        author {
+          id
+          name
+          email
+        }
+        category {
+          id
+          name
+        }
+      }
+    }
+  `;
+  const variables = { limit: 20 };
+  const { data } = await useAsyncQuery(query, variables );
+  console.log({ data });
+  </script>
+