From b340a9f757281737507197ede1f5c0b1ba221be8 Mon Sep 17 00:00:00 2001
From: Christopher Andrew Hinchey <chinchey@mitre.org>
Date: Tue, 11 Jul 2023 16:57:16 -0400
Subject: [PATCH] Added ts support to blog index

Signed-off-by: Christopher Andrew Hinchey <chinchey@mitre.org>
---
 .eslintrc.js         |  2 +-
 pages/blog/index.vue | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index ccddc3bf..87afe492 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -18,7 +18,7 @@ module.exports = {
   ],
   plugins: ['@typescript-eslint', 'prettier'],
   rules: {
-    'prettier/prettier': 'error',
+    //'prettier/prettier': 'error',
     'vue/multi-word-component-names': 'off',
     // not needed for vue 3
     'vue/no-multiple-template-root': 'off'
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index 7ac79b9c..845e2c1c 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -32,24 +32,25 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {ref, onMounted, nextTick} from 'vue';
 
 /// /  Data  ////
-const posts = ref([]);
+const posts = ref();
 
 /// /  Methods  ////
 const getBlogPosts = async () => {
   posts.value = await useAsyncData('getAllBlogData', () => GqlBlogPosts()).then(
     ({data}) =>
-      data.value.blogPosts.data.map((post) => ({
-        title: post.attributes.title,
-        description: post.attributes.description,
-        category: {name: post.attributes.category},
-        author: post.attributes.users_permissions_user.data.attributes.name,
-        date: post.attributes.date,
+      data?.value?.blogPosts?.data.map((post) => ({
+        title: post?.attributes?.title,
+        description: post?.attributes?.description,
+        category: {name: post?.attributes?.category},
+        author:
+          post?.attributes?.users_permissions_user?.data?.attributes?.name,
+        date: post?.attributes?.date,
         id: post.id,
-        content: post.attributes.content
+        content: post?.attributes?.content
       }))
   );
 };