fixes to refs

content/author/christine.md

@@ -1,6 +1,7 @@
 ---
 id: christine
 name: Christine
+category: team
 bio: Primis vitae mauris turpis ornare libero odio torquent vehicula proin consequat curabitur mattis
 facebook: https://www.facebook.com
 twitter: https://www.twitter.com

content/author/kristof.md

@@ -1,6 +1,7 @@
 ---
 id: kristof
 name: kds
+category: team
 bio: Primis vitae mauris turpis ornare libero odio torquent vehicula proin consequat curabitur mattis
 facebook: https://www.facebook.com
 twitter: https://www.twitter.com

gridsome.config.js

@@ -34,7 +34,13 @@ module.exports = {
       use: '@gridsome/source-filesystem',
       options: {
         typeName: 'Author',
-        path: './content/author/*.md'
+        path: './content/author/*.md',
+        refs: {
+          category: {
+            typeName: 'Category',
+            create: true
+          }
+        }
       }
     }, 
     {

src/templates/Author.vue

@@ -10,6 +10,14 @@
         </div>
         <div class="w-full md:w-5/6 text-center md:text-left md:pl-8 lg:pl-0">
           <h1 class="pb-0 mb-0 mt-0 text-4xl font-medium">{{ $page.author.name }}</h1>
+           <section class="post-header container mx-auto px-0 mb-4 border-b">
+           <span class="text-blue-500 font-medium uppercase tracking-wide text-sm">
+            <g-link
+              :to="$page.author.category.path"
+              class="hover:underline"
+            >{{ $page.author.category.title }}</g-link>
+          </span>
+           </section>
           <p class="text-gray-700 text-xl" v-if="$page.author.bio">{{ $page.author.bio }}</p>
           <div class="author-social">
             {{ $page.author.belongsTo.totalCount }} Projects
@@ -77,6 +85,22 @@
   query($id: ID!, $page:Int) {
     author(id: $id) {
       name
+      category {
+        id
+        title
+        path
+        belongsTo(limit:4) {
+          totalCount
+          edges {
+            node {
+              ... on Blog {
+                title
+                path
+              }
+            }
+          }
+        }
+      }
       path
       bio
       image(width:150, height:150)
@@ -103,6 +127,7 @@
               category {
                 id
                 title
+                path
               }
               author {
                 id

src/templates/Category.vue

@@ -70,6 +70,25 @@
               }
             }
           }
+
+          node {
+            ... on Author {
+              name
+              path
+              bio
+              bio
+              image(width:150, height:150)
+              facebook
+              twitter
+              linkedin
+              content
+              category {
+                id
+                title
+              }
+             
+            }
+          }
         }
       }
     }