Adds scaffold for objectives

client/src/components/Module.vue

@@ -25,11 +25,43 @@
   import ObjectiveGroup from '@/components/ObjectiveGroup.vue';
 
   export default {
+    name: 'module',
+
     components: {
       ObjectiveGroup
     },
 
-    props: ['module']
+    props: {
+      module: {
+        required: true,
+        type: Object
+      }
+    },
+
+    data() {
+      return {
+      }
+    },
+
+    // apollo: {
+    //   categories: {
+    //     query: CATEGORIES_QUERY,
+    //     variables: {
+    //       username: 'test'
+    //     },
+    //     fetchPolicy: 'network-only',
+    //     manual: true,
+    //     result(data, loading, networkStatus) {
+    //       if (!loading) {
+    //         this.categories = data.data.categories.edges.map(entry => entry.node)
+    //         this.modules = data.data.userModules.edges.map(entry => ({'status': entry.node.status, ...entry.node.module}))
+    //       }
+    //     }
+    //   }
+    // }
+
+    created() {
+    }
   }
 </script>
 

client/src/components/ObjectiveGroup.vue

@@ -13,7 +13,17 @@
 
 <script>
   export default {
-    props: ['group']
+    name: 'objective-group',
+
+    props: {
+      group: {
+        required: true,
+        type: Object
+      }
+    },
+
+    computed: {
+    }
   }
 </script>
 

client/src/graphql/gql/moduleDetailsQuery.gql

@@ -4,7 +4,8 @@ query ModulesQuery($slug: String!) {
       node {
         id
         title
-        aSlug: slug
+        metaTitle
+        slug
         objectivegroupSet {
           edges {
             node {