feat(index): add home sections

pages/index.vue

@@ -1,3 +1,29 @@
 <template>
-  <v-layout column justify-center align-center></v-layout>
+  <v-layout column justify-center align-center>
+    {{ homeSections }}
+  </v-layout>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { pickBy } from 'lodash';
+
+export default Vue.extend({
+  computed: {
+    homeSections: {
+      get() {
+        const homeSections = pickBy(
+          this.$store.state.user.displayPreferences,
+          (value: string, key: string) => {
+            return value && key.startsWith('homesection');
+          }
+        );
+
+        console.dir(this.$store.state.user.displayPreferences);
+
+        return homeSections;
+      }
+    }
+  }
+});
+</script>

plugins/displayPreferenceApi.ts

@@ -1,4 +1,5 @@
 import { Context } from '@nuxt/types';
+import { AxiosInstance } from 'axios';
 import { DisplayPreferencesApi } from '~/api/api';
 import { Configuration } from '~/api/configuration';
 import { PluginInjection } from '~/types/utils';
@@ -25,7 +26,7 @@ export default (context: Context, inject: PluginInjection): void => {
   const displayPreferencesApi = new DisplayPreferencesApi(
     config,
     '',
-    context.$axios
+    context.$axios as AxiosInstance
   );
   inject('displayPreferencesApi', displayPreferencesApi);
 };