added some game-related types schema + rough draft file with all of them

client/src/screens/AbilitiesSavesSensesView.vue

@@ -41,10 +41,10 @@
 </template>
 
 <script>
-import AbilityScoresContainer from '@/components/AbilityScoresContainer.vue';
-import SavingThrowsContainer from '@/components/SavingThrowsContainer.vue';
-import SensesContainer from '@/components/SensesContainer.vue';
-import CombatStatsContainer from '@/components/CombatStatsContainer.vue';
+import AbilityScoresContainer from '@/components/AbilityScoresContainer';
+import SavingThrowsContainer from '@/components/SavingThrowsContainer';
+import SensesContainer from '@/components/SensesContainer';
+import CombatStatsContainer from '@/components/CombatStatsContainer';
 
 export default {
   components: {

notes-001.txt

@@ -1,13 +1,24 @@
--you can use .text-truncate for dynamic elipses on text (source: https://vuetifyjs.com/en/framework/typography)
+DND OPEN RULES NOTES: 
+-see http://dnd.wizards.com/articles/features/systems-reference-document-srd for
+quick info on what you can and can't do with the SRD/OGL
+
+-you can use .text-truncate for dynamic elipses on text (source:
+https://vuetifyjs.com/en/framework/typography)
 
 VUETIFY LAYOUT:
--from their examples, it seems that you are generally expected to wrap components in one v-container (no nested v-containers) and then use v-layout from there. also keep in mind that they accept many of the same props but with some key differences.
+-from their examples, it seems that you are generally expected to wrap
+components in one v-container (no nested v-containers) and then use v-layout
+from there. also keep in mind that they accept many of the same props but with
+some key differences.
 
 VUETIFY COLORS:
--"Each color from the spec gets converted to a background and text variant for styling within your application through a class, e.g. <div class="red"> or <span class="red--text">"
+-"Each color from the spec gets converted to a background and text variant for
+styling within your application through a class, e.g. <div class="red"> or <span
+class="red--text">"
 
 VUETIFY TOOLBAR:
--dense seems to only have an effect on xs screen sizes (possibly some larger sizes as well - didn't test)
+-dense seems to only have an effect on xs screen sizes (possibly some larger
+sizes as well - didn't test)
 
 REFACTORING:
 -use mixins to define global constants (like your theme color names)
@@ -16,4 +27,5 @@ VUETIFY CENTERING:
 -https://stackoverflow.com/questions/46404884/vuetify-center-items-into-v-flex
 
 VUETIFY NAVIGATION DRAWER:
--"Using null as the starting value for its v-model will initialize the drawer as closed on mobile and as open on desktop."
+-"Using null as the starting value for its v-model will initialize the drawer as
+closed on mobile and as open on desktop."

resolvers.js

@@ -27,7 +27,7 @@ module.exports = {
       // }).populate({
       //   path: 'favorites',
       //   model: 'Post',
-      // });
+      // }); 
       return user;
     },
   },

server.js

@@ -42,6 +42,7 @@ const server = new ApolloServer({
   },
   // MIKE: this should turn off the stacktrace - u want to set this in production
   // debug: false,
+  mocks: true,
 });
 
 server.listen({ port: process.env.LOCAL_PORT || 4000 }).then(({ url }) => {