From 1c90bf55f026ef1cb205b8998fb7384f42e863ac Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Thu, 7 Nov 2024 15:05:40 -0800
Subject: [PATCH 01/20] create composable and add it to all slug pages

---
 gql/queries/FTVAArticleDetail.gql     |  1 +
 gql/queries/FTVACollectionDetail.gql  |  5 +++--
 gql/queries/FTVAEventDetail.gql       |  1 +
 gql/queries/FTVAEventSeriesDetail.gql |  3 +++
 pages/blog/[slug].vue                 | 22 +++++++++++++++++++++-
 pages/collections/[slug].vue          | 25 +++++++++++++++++++++++--
 pages/events/[slug].vue               | 16 ++++++++++++++++
 pages/series/[slug].vue               | 23 +++++++++++++++++++++--
 8 files changed, 89 insertions(+), 7 deletions(-)

diff --git a/gql/queries/FTVAArticleDetail.gql b/gql/queries/FTVAArticleDetail.gql
index d5081f0..bbe5226 100644
--- a/gql/queries/FTVAArticleDetail.gql
+++ b/gql/queries/FTVAArticleDetail.gql
@@ -5,6 +5,7 @@ query FTVAArticleDetail($slug: [String!]) {
   ftvaArticle: entry(section: "ftvaArticle", slug: $slug)  {
     id
     typeHandle
+    sectionHandle
     postDate
     slug
     title
diff --git a/gql/queries/FTVACollectionDetail.gql b/gql/queries/FTVACollectionDetail.gql
index 9c71179..7df5623 100644
--- a/gql/queries/FTVACollectionDetail.gql
+++ b/gql/queries/FTVACollectionDetail.gql
@@ -2,8 +2,9 @@
 
 query FTVACollectionDetail($slug: [String!]) {
   ftvaCollection: entry(section: "ftvaCollection", slug: $slug) {
+    id
     typeHandle
-    id 
+    sectionHandle
     imageCarousel {
       ... on imageCarousel_imageCarousel_BlockType {
         image {
@@ -15,7 +16,7 @@ query FTVACollectionDetail($slug: [String!]) {
     title
     sectionTitle
     ftvaCollectionType
-    richText 
+    richText
     videoEmbed
     viewAllSectionLink {
       ... on viewAllSectionLink_viewAllSection_BlockType {
diff --git a/gql/queries/FTVAEventDetail.gql b/gql/queries/FTVAEventDetail.gql
index b1bdaf0..1a29acc 100644
--- a/gql/queries/FTVAEventDetail.gql
+++ b/gql/queries/FTVAEventDetail.gql
@@ -4,6 +4,7 @@ query FTVAEventDetail($slug: [String!]) {
   ftvaEvent: entry(section: "ftvaEvent", slug: $slug) {
     id
     typeHandle
+    sectionHandle
     slug
     uri
 
diff --git a/gql/queries/FTVAEventSeriesDetail.gql b/gql/queries/FTVAEventSeriesDetail.gql
index a3e7360..5cd9fa6 100644
--- a/gql/queries/FTVAEventSeriesDetail.gql
+++ b/gql/queries/FTVAEventSeriesDetail.gql
@@ -10,6 +10,9 @@ query FTVAEventSeriesDetail ($slug: [String!]) {
         creditText
       }
     }
+    id
+    typeHandle
+    sectionHandle
     title
     guestSpeaker
     ftvaEventIntroduction
diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index c9d31ff..90e7dd9 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -8,12 +8,19 @@ import {
 
 // HELPERS
 import _get from 'lodash/get'
-import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
 import removeTags from '~/utils/removeTags'
 
 // GQL
+import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
+
+// COMPOSABLE
+import { useContentIndexer } from '/composables/useContentIndexer'
+
 import socialList from '~/utils/socialList'
 
+// COMPOSABLE
+import { useContentIndexer } from '/composables/useContentIndexer'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
@@ -37,6 +44,19 @@ if (!data.value.ftvaArticle) {
   })
 }
 
+// This is creating an index of the main content (not related content)
+if (data.value.ftvaArticle && import.meta.prerender) {
+  try {
+    // Call the composable to use the indexing function
+    const { indexContent } = useContentIndexer()
+    // Index the article data using the composable during static build
+    await indexContent(data.value.ftvaArticle, route.params.slug)
+    console.log('Article indexed successfully during static build')
+  } catch (error) {
+    console.error('Failed to index article during static build:', error)
+  }
+}
+
 const page = ref(_get(data.value, 'ftvaArticle', {}))
 const ftvaRecentPosts = ref(_get(data.value, 'ftvaRecentPosts', {}))
 
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 017482d..b9f5ee7 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -6,10 +6,14 @@ import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, Responsiv
 
 // HELPERS
 import _get from 'lodash/get'
-import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
 import removeTags from '~/utils/removeTags'
 
 // GQL
+import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
+
+// COMPOSABLE
+import { useContentIndexer } from '/composables/useContentIndexer'
+
 import socialList from '~/utils/socialList'
 
 const { $graphql } = useNuxtApp()
@@ -35,6 +39,19 @@ if (!data.value.ftvaCollection) {
   })
 }
 
+// This is creating an index of the main content (not related content)
+if (data.value.ftvaCollection && import.meta.prerender) {
+  try {
+    // Call the composable to use the indexing function
+    const { indexContent } = useContentIndexer()
+    // Index the collection data using the composable during static build
+    await indexContent(data.value.ftvaCollection, route.params.slug)
+    console.log('Collection indexed successfully during static build')
+  } catch (error) {
+    console.error('Failed to collection event during static build:', error)
+  }
+}
+
 const page = ref(_get(data.value, 'ftvaCollection', {}))
 
 watch(data, (newVal, oldVal) => {
@@ -240,7 +257,11 @@ useHead({
     </SectionWrapper>
   </main>
 </template>
-<style lang="scss" scoped>
+
+<style
+  lang="scss"
+  scoped
+>
 .page-collection-detail {
   position: relative;
 
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index fd40595..9ac4251 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -11,6 +11,9 @@ import removeTags from '../utils/removeTags'
 // GQL
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
+// COMPOSABLE
+import { useContentIndexer } from '/composables/useContentIndexer'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
@@ -33,6 +36,19 @@ if (!data.value.ftvaEvent) {
   })
 }
 
+// This is creating an index of the main content (not related content)
+if (data.value.ftvaEvent && import.meta.prerender) {
+  try {
+    // Call the composable to use the indexing function
+    const { indexContent } = useContentIndexer()
+    // Index the event data using the composable during static build
+    await indexContent(data.value.ftvaEvent, route.params.slug)
+    console.log('Event indexed successfully during static build')
+  } catch (error) {
+    console.error('Failed to index event during static build:', error)
+  }
+}
+
 const page = ref(_get(data.value, 'ftvaEvent', {}))
 const series = ref(_get(data.value, 'ftvaEventSeries', {}))
 
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index ac94d5b..5ee3659 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -6,10 +6,13 @@ import { BlockCardThreeColumn, BlockEventDetail, BlockInfo, BlockTag, CardMeta,
 
 // HELPERS
 import _get from 'lodash/get'
-import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 import removeTags from '~/utils/removeTags'
 
 // GQL
+import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
+
+// COMPOSABLE
+import { useContentIndexer } from '/composables/useContentIndexer'
 
 const { $graphql } = useNuxtApp()
 
@@ -34,6 +37,19 @@ if (!data.value.ftvaEventSeries) {
   })
 }
 
+// This is creating an index of the main content (not related content)
+if (data.value.ftvaEventSeries && import.meta.prerender) {
+  try {
+    // Call the composable to use the indexing function
+    const { indexContent } = useContentIndexer()
+    // Index the event series data using the composable during static build
+    await indexContent(data.value.ftvaEventSeries, route.params.slug)
+    console.log('Event series indexed successfully during static build')
+  } catch (error) {
+    console.error('Failed to index event series during static build:', error)
+  }
+}
+
 const page = ref(_get(data.value, 'ftvaEventSeries', {}))
 const upcomingEvents = ref(_get(data.value, 'upcomingEvents', {}))
 const pastEvents = ref(_get(data.value, 'pastEvents', {}))
@@ -300,7 +316,10 @@ useHead({
   </main>
 </template>
 
-<style lang="scss" scoped>
+<style
+  lang="scss"
+  scoped
+>
 // GENERAL PAGE STYLES / DESKTOP
 .page-event-series-detail {
   position: relative;

From 96bc0f10f8201f56aa2bd320866584945930a505 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Thu, 7 Nov 2024 16:03:34 -0800
Subject: [PATCH 02/20] add the composable

---
 composables/useContentIndexer.js | 101 +++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 composables/useContentIndexer.js

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
new file mode 100644
index 0000000..dc7548d
--- /dev/null
+++ b/composables/useContentIndexer.js
@@ -0,0 +1,101 @@
+// Checks the page slug
+// Calls ES (Elastic Search)
+//  Checks if the document exists in ES
+//   if the document already exists
+//    it overwrites/replaces it in the index
+//   if the document doesn't exist
+//    it adds it to the index
+
+export function useContentIndexer() {
+  console.log("elastic search plugin index  :")
+  const esIndex = useRuntimeConfig().public.esTempIndex
+  const esURL = useRuntimeConfig().public.esURL
+  const esReadKey = useRuntimeConfig().public.esReadKey
+  const esWriteKey = useRuntimeConfig().esWriteKey
+
+  async function indexContent(data, slug) {
+      try {
+        if (data && slug && esIndex) {
+          /* console.log(
+                  "this is the elasticsearch plugin: " + JSON.stringify(data)
+              ) */
+          // console.log(`Requesting URL: ${esURL}/${esIndex}/_doc/${slug}`)
+          const docExistsResponseValue = await $fetch(
+                  `${esURL}/${esIndex}/_doc/${slug}`,
+                  {
+                    headers: {
+                      Authorization: `ApiKey ${esReadKey}`,
+                    },
+                  }
+          )
+
+          // console.log('Existing data in ES', docExistsResponseValue)
+
+          if (docExistsResponseValue && docExistsResponseValue._source) {
+            // console.log('GET-RESPONSE: ' + slug)
+            const updateUrl = `${esURL}/${esIndex}/_update/${slug}`
+            // console.log('ES update url', updateUrl)
+            const postBody = {
+              doc: data
+            }
+            // console.log('postBody', JSON.stringify(postBody))
+            const updateJson = await $fetch(
+                      `${esURL}/${esIndex}/_update/${slug}`,
+                      {
+                        headers: {
+                          Authorization: `ApiKey ${esWriteKey}`,
+                          'Content-Type': 'application/json',
+                        },
+                        method: 'POST',
+                        body: JSON.stringify(postBody),
+                      }
+            )
+
+            console.log('Update in ES', updateJson)
+          } else {
+            const response = await $fetch(
+                      `${esURL}/${esIndex}/_doc/${slug}`,
+                      {
+                        headers: {
+                          Authorization: `ApiKey ${esWriteKey}`,
+                          'Content-Type': 'application/json',
+                        },
+                        method: 'POST',
+                        body: JSON.stringify(data),
+                      }
+            )
+          }
+        } else {
+          console.warn('not indexing anything')
+        }
+      } catch (e) {
+        console.error('skip indexing if connection times out  during builds in the mean time: ' + e.message)
+        console.warn('skip indexing if connection times out  during builds in the mean time: ' + e.message)
+        throw new Error('Elastic Search Indexing failed ' + e) // TODO uncomment when cause is clear
+      }
+  }
+
+
+    return {
+      indexContent
+    }
+  }
+
+/*
+Call the composable useContentIndexer on all slug pages built so far for FTVA. Add the call after error checks before creating data refs like this on the page template
+
+Call this composable on all the slug pages we have built so far, the logic will be slightly different on the page when you pass the data. We are only indexing the main content not related content.
+
+// This will work only on the Event detail slug
+if (data.value.ftvaEvent && import.meta.prerender) {
+  try {
+     // Call the composable to use the indexing function
+    const { indexContent } = useContentIndexer()
+    // Index the event data using the composable during static build
+    await indexContent(data.value.ftvaEvent, route.params.slug)
+    console.log('Event indexed successfully during static build')
+  } catch (error) {
+    console.error('Failed to index event during static build:', error)
+  }
+}
+*/

From 6c32eab815e0e7f082a677f76edaf11829edca24 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Thu, 7 Nov 2024 16:36:29 -0800
Subject: [PATCH 03/20] delete extraneous composable import in blog

---
 pages/blog/[slug].vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 90e7dd9..9c38f1a 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -18,9 +18,6 @@ import { useContentIndexer } from '/composables/useContentIndexer'
 
 import socialList from '~/utils/socialList'
 
-// COMPOSABLE
-import { useContentIndexer } from '/composables/useContentIndexer'
-
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()

From 115394117277c27fa93ff2149049a61314c9a26a Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Thu, 7 Nov 2024 16:59:01 -0800
Subject: [PATCH 04/20] make FAILED TO INDEX console message easier to read in
 console

---
 pages/blog/[slug].vue        | 2 +-
 pages/collections/[slug].vue | 2 +-
 pages/events/[slug].vue      | 2 +-
 pages/series/[slug].vue      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 9c38f1a..6bda085 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -50,7 +50,7 @@ if (data.value.ftvaArticle && import.meta.prerender) {
     await indexContent(data.value.ftvaArticle, route.params.slug)
     console.log('Article indexed successfully during static build')
   } catch (error) {
-    console.error('Failed to index article during static build:', error)
+    console.error('FAILED TO INDEX ARTICLE during static build:', error)
   }
 }
 
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index b9f5ee7..db14e00 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -48,7 +48,7 @@ if (data.value.ftvaCollection && import.meta.prerender) {
     await indexContent(data.value.ftvaCollection, route.params.slug)
     console.log('Collection indexed successfully during static build')
   } catch (error) {
-    console.error('Failed to collection event during static build:', error)
+    console.error('FAILED TO INDEX COLLECTION during static build:', error)
   }
 }
 
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 9ac4251..3438bf7 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -45,7 +45,7 @@ if (data.value.ftvaEvent && import.meta.prerender) {
     await indexContent(data.value.ftvaEvent, route.params.slug)
     console.log('Event indexed successfully during static build')
   } catch (error) {
-    console.error('Failed to index event during static build:', error)
+    console.error('FAILED TO INDEX EVENT during static build:', error)
   }
 }
 
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index 5ee3659..c51a972 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -46,7 +46,7 @@ if (data.value.ftvaEventSeries && import.meta.prerender) {
     await indexContent(data.value.ftvaEventSeries, route.params.slug)
     console.log('Event series indexed successfully during static build')
   } catch (error) {
-    console.error('Failed to index event series during static build:', error)
+    console.error('FAILED TO INDEX EVENT SERIES during static build:', error)
   }
 }
 

From a1d7f30b9398c4738a60a111a21812880613aed4 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 09:49:58 -0800
Subject: [PATCH 05/20] linting

---
 composables/useContentIndexer.js | 65 ++++++++++++++++----------------
 pages/blog/[slug].vue            |  4 +-
 pages/collections/[slug].vue     |  4 +-
 pages/events/[slug].vue          |  2 +-
 pages/series/[slug].vue          |  4 +-
 5 files changed, 39 insertions(+), 40 deletions(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index dc7548d..ebfc204 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -7,39 +7,39 @@
 //    it adds it to the index
 
 export function useContentIndexer() {
-  console.log("elastic search plugin index  :")
+  console.log('elastic search plugin index  :')
   const esIndex = useRuntimeConfig().public.esTempIndex
   const esURL = useRuntimeConfig().public.esURL
   const esReadKey = useRuntimeConfig().public.esReadKey
   const esWriteKey = useRuntimeConfig().esWriteKey
 
   async function indexContent(data, slug) {
-      try {
-        if (data && slug && esIndex) {
-          /* console.log(
+    try {
+      if (data && slug && esIndex) {
+        /* console.log(
                   "this is the elasticsearch plugin: " + JSON.stringify(data)
               ) */
-          // console.log(`Requesting URL: ${esURL}/${esIndex}/_doc/${slug}`)
-          const docExistsResponseValue = await $fetch(
+        // console.log(`Requesting URL: ${esURL}/${esIndex}/_doc/${slug}`)
+        const docExistsResponseValue = await $fetch(
                   `${esURL}/${esIndex}/_doc/${slug}`,
                   {
                     headers: {
                       Authorization: `ApiKey ${esReadKey}`,
                     },
                   }
-          )
+        )
 
-          // console.log('Existing data in ES', docExistsResponseValue)
+        // console.log('Existing data in ES', docExistsResponseValue)
 
-          if (docExistsResponseValue && docExistsResponseValue._source) {
-            // console.log('GET-RESPONSE: ' + slug)
-            const updateUrl = `${esURL}/${esIndex}/_update/${slug}`
-            // console.log('ES update url', updateUrl)
-            const postBody = {
-              doc: data
-            }
-            // console.log('postBody', JSON.stringify(postBody))
-            const updateJson = await $fetch(
+        if (docExistsResponseValue && docExistsResponseValue._source) {
+          // console.log('GET-RESPONSE: ' + slug)
+          const updateUrl = `${esURL}/${esIndex}/_update/${slug}`
+          // console.log('ES update url', updateUrl)
+          const postBody = {
+            doc: data
+          }
+          // console.log('postBody', JSON.stringify(postBody))
+          const updateJson = await $fetch(
                       `${esURL}/${esIndex}/_update/${slug}`,
                       {
                         headers: {
@@ -49,11 +49,11 @@ export function useContentIndexer() {
                         method: 'POST',
                         body: JSON.stringify(postBody),
                       }
-            )
+          )
 
-            console.log('Update in ES', updateJson)
-          } else {
-            const response = await $fetch(
+          console.log('Update in ES', updateJson)
+        } else {
+          const response = await $fetch(
                       `${esURL}/${esIndex}/_doc/${slug}`,
                       {
                         headers: {
@@ -63,23 +63,22 @@ export function useContentIndexer() {
                         method: 'POST',
                         body: JSON.stringify(data),
                       }
-            )
-          }
-        } else {
-          console.warn('not indexing anything')
+          )
         }
-      } catch (e) {
-        console.error('skip indexing if connection times out  during builds in the mean time: ' + e.message)
-        console.warn('skip indexing if connection times out  during builds in the mean time: ' + e.message)
-        throw new Error('Elastic Search Indexing failed ' + e) // TODO uncomment when cause is clear
+      } else {
+        console.warn('not indexing anything')
       }
+    } catch (e) {
+      console.error('skip indexing if connection times out  during builds in the mean time: ' + e.message)
+      console.warn('skip indexing if connection times out  during builds in the mean time: ' + e.message)
+      throw new Error('Elastic Search Indexing failed ' + e) // TODO uncomment when cause is clear
+    }
   }
 
-
-    return {
-      indexContent
-    }
+  return {
+    indexContent
   }
+}
 
 /*
 Call the composable useContentIndexer on all slug pages built so far for FTVA. Add the call after error checks before creating data refs like this on the page template
diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 6bda085..cd44dac 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -8,13 +8,13 @@ import {
 
 // HELPERS
 import _get from 'lodash/get'
+import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
+import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
-import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '/composables/useContentIndexer'
 
 import socialList from '~/utils/socialList'
 
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index db14e00..1599330 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -6,13 +6,13 @@ import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, Responsiv
 
 // HELPERS
 import _get from 'lodash/get'
+import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
+import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
-import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '/composables/useContentIndexer'
 
 import socialList from '~/utils/socialList'
 
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 3438bf7..82391eb 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -12,7 +12,7 @@ import removeTags from '../utils/removeTags'
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '/composables/useContentIndexer'
+import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
 
 const { $graphql } = useNuxtApp()
 
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index c51a972..8e7c414 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -6,13 +6,13 @@ import { BlockCardThreeColumn, BlockEventDetail, BlockInfo, BlockTag, CardMeta,
 
 // HELPERS
 import _get from 'lodash/get'
-import removeTags from '~/utils/removeTags'
 
 // GQL
 import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '/composables/useContentIndexer'
+import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
+import removeTags from '~/utils/removeTags'
 
 const { $graphql } = useNuxtApp()
 

From 1d24c02b6bca86b0eba55114ab2e5f865381deb6 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 10:36:29 -0800
Subject: [PATCH 06/20] delete console satement

---
 composables/useContentIndexer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index ebfc204..7fca39b 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -7,7 +7,7 @@
 //    it adds it to the index
 
 export function useContentIndexer() {
-  console.log('elastic search plugin index  :')
+  // console.log('elastic search plugin index  :')
   const esIndex = useRuntimeConfig().public.esTempIndex
   const esURL = useRuntimeConfig().public.esURL
   const esReadKey = useRuntimeConfig().public.esReadKey

From a56bbd52fd1513748bb368832be426d3aa276dd7 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 10:41:15 -0800
Subject: [PATCH 07/20] fix path to composable

---
 pages/blog/[slug].vue        | 7 +++++--
 pages/collections/[slug].vue | 2 +-
 pages/events/[slug].vue      | 7 +++++--
 pages/series/[slug].vue      | 2 +-
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index f7b1943..7b39ac2 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -9,7 +9,7 @@ import {
 // HELPERS
 import _get from 'lodash/get'
 import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
-import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
+import { useContentIndexer } from '../composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
@@ -227,7 +227,10 @@ useHead({
   </main>
 </template>
 
-<style lang="scss" scoped>
+<style
+  lang="scss"
+  scoped
+>
 // PAGE STYLES
 .page-article-detail {
   position: relative;
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index eec20e6..24a48f6 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -7,7 +7,7 @@ import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, Responsiv
 // HELPERS
 import _get from 'lodash/get'
 import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
-import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
+import { useContentIndexer } from '../composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 743b20e..a9478f1 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -12,7 +12,7 @@ import removeTags from '../utils/removeTags'
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
+import { useContentIndexer } from '../composables/useContentIndexer'
 
 const { $graphql } = useNuxtApp()
 
@@ -268,7 +268,10 @@ useHead({
   </main>
 </template>
 
-<style lang="scss" scoped>
+<style
+  lang="scss"
+  scoped
+>
 // PAGE STYLES
 .page-event-detail {
   position: relative;
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index 44547ee..b180c0c 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -11,7 +11,7 @@ import _get from 'lodash/get'
 import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '../../../../../../composables/useContentIndexer'
+import { useContentIndexer } from '../composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 const { $graphql } = useNuxtApp()

From 7dc1e75bf883ddf8ae02ead63fdfc46dede11a52 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 10:42:45 -0800
Subject: [PATCH 08/20] fix path to composable

---
 pages/blog/[slug].vue        | 2 +-
 pages/collections/[slug].vue | 2 +-
 pages/events/[slug].vue      | 2 +-
 pages/series/[slug].vue      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 7b39ac2..f1cc449 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -9,7 +9,7 @@ import {
 // HELPERS
 import _get from 'lodash/get'
 import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
-import { useContentIndexer } from '../composables/useContentIndexer'
+import { useContentIndexer } from '~/composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 24a48f6..9b39b67 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -7,7 +7,7 @@ import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, Responsiv
 // HELPERS
 import _get from 'lodash/get'
 import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
-import { useContentIndexer } from '../composables/useContentIndexer'
+import { useContentIndexer } from '~/composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index a9478f1..73e85dd 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -12,7 +12,7 @@ import removeTags from '../utils/removeTags'
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '../composables/useContentIndexer'
+import { useContentIndexer } from '~/composables/useContentIndexer'
 
 const { $graphql } = useNuxtApp()
 
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index b180c0c..4f4819f 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -11,7 +11,7 @@ import _get from 'lodash/get'
 import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 
 // COMPOSABLE
-import { useContentIndexer } from '../composables/useContentIndexer'
+import { useContentIndexer } from '~/composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 const { $graphql } = useNuxtApp()

From 0652eee767adf2a0cd22ef86196f901aecd1daaf Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 10:47:07 -0800
Subject: [PATCH 09/20] move gql and composable inside of blog/article

---
 pages/blog/[slug].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index f1cc449..7d2b510 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -8,13 +8,13 @@ import {
 
 // HELPERS
 import _get from 'lodash/get'
-import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
-import { useContentIndexer } from '~/composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
 // GQL
+import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
 
 // COMPOSABLE
+import { useContentIndexer } from '~/composables/useContentIndexer'
 
 import socialList from '~/utils/socialList'
 

From acea015f29ef18f36afefe12ebf99b2dfbcf0c39 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 10:53:36 -0800
Subject: [PATCH 10/20] add helpers after gql and composables in blog

---
 pages/blog/[slug].vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 7d2b510..2ca3643 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -6,16 +6,16 @@ import {
   BlockTag, ButtonDropdown, CardMeta, DividerWayFinder, FlexibleMediaGalleryNewLightbox, FlexibleBlocks, NavBreadcrumb, ResponsiveImage, RichText, SectionTeaserCard, SectionWrapper, TwoColLayoutWStickySideBar
 } from 'ucla-library-website-components'
 
-// HELPERS
-import _get from 'lodash/get'
-import removeTags from '~/utils/removeTags'
-
 // GQL
 import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
 
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
+// HELPERS
+import _get from 'lodash/get'
+import removeTags from '~/utils/removeTags'
+
 import socialList from '~/utils/socialList'
 
 const { $graphql } = useNuxtApp()

From a0d706b93ee696fe1a5f3fcb3034dee5841efa7b Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 10:59:36 -0800
Subject: [PATCH 11/20] move comments in the useContentIndexer composable

---
 composables/useContentIndexer.js | 33 +++++++-------------------------
 1 file changed, 7 insertions(+), 26 deletions(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index 7fca39b..9827361 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -1,11 +1,3 @@
-// Checks the page slug
-// Calls ES (Elastic Search)
-//  Checks if the document exists in ES
-//   if the document already exists
-//    it overwrites/replaces it in the index
-//   if the document doesn't exist
-//    it adds it to the index
-
 export function useContentIndexer() {
   // console.log('elastic search plugin index  :')
   const esIndex = useRuntimeConfig().public.esTempIndex
@@ -80,21 +72,10 @@ export function useContentIndexer() {
   }
 }
 
-/*
-Call the composable useContentIndexer on all slug pages built so far for FTVA. Add the call after error checks before creating data refs like this on the page template
-
-Call this composable on all the slug pages we have built so far, the logic will be slightly different on the page when you pass the data. We are only indexing the main content not related content.
-
-// This will work only on the Event detail slug
-if (data.value.ftvaEvent && import.meta.prerender) {
-  try {
-     // Call the composable to use the indexing function
-    const { indexContent } = useContentIndexer()
-    // Index the event data using the composable during static build
-    await indexContent(data.value.ftvaEvent, route.params.slug)
-    console.log('Event indexed successfully during static build')
-  } catch (error) {
-    console.error('Failed to index event during static build:', error)
-  }
-}
-*/
+// Checks the page slug
+// Calls ES (Elastic Search)
+//  Checks if the document exists in ES
+//   if the document already exists
+//    it overwrites/replaces it in the index
+//   if the document doesn't exist
+//    it adds it to the index

From f5fba79626d6a867974c93f45e603c92713f683d Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 11:25:25 -0800
Subject: [PATCH 12/20] standardize imports

---
 pages/blog/[slug].vue        |  1 -
 pages/collections/[slug].vue | 11 +++++------
 pages/events/[slug].vue      |  9 +++++----
 pages/series/[slug].vue      |  6 +++---
 4 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 2ca3643..9b8dea6 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -15,7 +15,6 @@ import { useContentIndexer } from '~/composables/useContentIndexer'
 // HELPERS
 import _get from 'lodash/get'
 import removeTags from '~/utils/removeTags'
-
 import socialList from '~/utils/socialList'
 
 const { $graphql } = useNuxtApp()
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 9b39b67..55a15a4 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -4,16 +4,15 @@
 // https://nuxt.com/docs/guide/directory-structure/components#library-authors
 import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, ResponsiveImage, RichText, SectionTeaserCard, SectionWrapper, TwoColLayoutWStickySideBar, VideoEmbed } from 'ucla-library-website-components'
 
-// HELPERS
-import _get from 'lodash/get'
-import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
-import { useContentIndexer } from '~/composables/useContentIndexer'
-import removeTags from '~/utils/removeTags'
-
 // GQL
+import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
 
 // COMPOSABLE
+import { useContentIndexer } from '~/composables/useContentIndexer'
 
+// HELPERS
+import _get from 'lodash/get'
+import removeTags from '~/utils/removeTags'
 import socialList from '~/utils/socialList'
 
 const { $graphql } = useNuxtApp()
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 73e85dd..67e927e 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -4,19 +4,20 @@
 // https://nuxt.com/docs/guide/directory-structure/components#library-authors
 import { BlockEventDetail, BlockInfo, BlockTag, ButtonDropdown, CardMeta, DividerWayFinder, FlexibleMediaGalleryNewLightbox, NavBreadcrumb, ResponsiveImage, RichText, SectionScreeningDetails, SectionTeaserCard, SectionWrapper, TwoColLayoutWStickySideBar } from 'ucla-library-website-components'
 
-// HELPERS
-import _get from 'lodash/get'
-import removeTags from '../utils/removeTags'
-
 // GQL
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
+// HELPERS
+import _get from 'lodash/get'
+import removeTags from '../utils/removeTags'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
+
 // DATA
 const { data, error } = await useAsyncData(`events-detail-${route.params.slug}`, async () => {
   const data = await $graphql.default.request(FTVAEventDetail, { slug: route.params.slug })
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index 4f4819f..b3184e1 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -4,9 +4,6 @@
 // https://nuxt.com/docs/guide/directory-structure/components#library-authors
 import { BlockCardThreeColumn, BlockEventDetail, BlockInfo, BlockTag, CardMeta, DividerWayFinder, FlexibleMediaGalleryNewLightbox, NavBreadcrumb, ResponsiveImage, RichText, SectionScreeningDetails, SectionTeaserCard, SectionTeaserList, SectionWrapper, TabItem, TabList, TwoColLayoutWStickySideBar } from 'ucla-library-website-components'
 
-// HELPERS
-import _get from 'lodash/get'
-
 // GQL
 import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 
@@ -14,6 +11,9 @@ import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 import { useContentIndexer } from '~/composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
+// HELPERS
+import _get from 'lodash/get'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()

From 2ec614d32e5df658859cc5502f72b5ffa3c50c15 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 11:33:42 -0800
Subject: [PATCH 13/20] standardize imports

---
 pages/blog/[slug].vue        | 10 +++++-----
 pages/collections/[slug].vue | 10 +++++-----
 pages/events/[slug].vue      |  8 ++++----
 pages/series/[slug].vue      |  6 +++---
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 9b8dea6..ee7d618 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -6,17 +6,17 @@ import {
   BlockTag, ButtonDropdown, CardMeta, DividerWayFinder, FlexibleMediaGalleryNewLightbox, FlexibleBlocks, NavBreadcrumb, ResponsiveImage, RichText, SectionTeaserCard, SectionWrapper, TwoColLayoutWStickySideBar
 } from 'ucla-library-website-components'
 
+// HELPERS
+import _get from 'lodash/get'
+import removeTags from '~/utils/removeTags'
+import socialList from '~/utils/socialList'
+
 // GQL
 import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
 
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
-// HELPERS
-import _get from 'lodash/get'
-import removeTags from '~/utils/removeTags'
-import socialList from '~/utils/socialList'
-
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 55a15a4..a11b216 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -4,17 +4,17 @@
 // https://nuxt.com/docs/guide/directory-structure/components#library-authors
 import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, ResponsiveImage, RichText, SectionTeaserCard, SectionWrapper, TwoColLayoutWStickySideBar, VideoEmbed } from 'ucla-library-website-components'
 
+// HELPERS
+import _get from 'lodash/get'
+import removeTags from '~/utils/removeTags'
+import socialList from '~/utils/socialList'
+
 // GQL
 import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
 
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
-// HELPERS
-import _get from 'lodash/get'
-import removeTags from '~/utils/removeTags'
-import socialList from '~/utils/socialList'
-
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 67e927e..759cf55 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -4,16 +4,16 @@
 // https://nuxt.com/docs/guide/directory-structure/components#library-authors
 import { BlockEventDetail, BlockInfo, BlockTag, ButtonDropdown, CardMeta, DividerWayFinder, FlexibleMediaGalleryNewLightbox, NavBreadcrumb, ResponsiveImage, RichText, SectionScreeningDetails, SectionTeaserCard, SectionWrapper, TwoColLayoutWStickySideBar } from 'ucla-library-website-components'
 
+// HELPERS
+import _get from 'lodash/get'
+import removeTags from '../utils/removeTags'
+
 // GQL
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
-// HELPERS
-import _get from 'lodash/get'
-import removeTags from '../utils/removeTags'
-
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index b3184e1..4f4819f 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -4,6 +4,9 @@
 // https://nuxt.com/docs/guide/directory-structure/components#library-authors
 import { BlockCardThreeColumn, BlockEventDetail, BlockInfo, BlockTag, CardMeta, DividerWayFinder, FlexibleMediaGalleryNewLightbox, NavBreadcrumb, ResponsiveImage, RichText, SectionScreeningDetails, SectionTeaserCard, SectionTeaserList, SectionWrapper, TabItem, TabList, TwoColLayoutWStickySideBar } from 'ucla-library-website-components'
 
+// HELPERS
+import _get from 'lodash/get'
+
 // GQL
 import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 
@@ -11,9 +14,6 @@ import FTVAEventSeriesDetail from '../gql/queries/FTVAEventSeriesDetail.gql'
 import { useContentIndexer } from '~/composables/useContentIndexer'
 import removeTags from '~/utils/removeTags'
 
-// HELPERS
-import _get from 'lodash/get'
-
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()

From fc43d833c45974d0212707eb81d6ff5a6af7934c Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 11:36:56 -0800
Subject: [PATCH 14/20] standardize imports

---
 pages/blog/[slug].vue        | 6 ++++--
 pages/collections/[slug].vue | 7 +++++--
 pages/events/[slug].vue      | 4 +++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index ee7d618..53d57e5 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -8,8 +8,6 @@ import {
 
 // HELPERS
 import _get from 'lodash/get'
-import removeTags from '~/utils/removeTags'
-import socialList from '~/utils/socialList'
 
 // GQL
 import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
@@ -17,6 +15,10 @@ import FTVAArticleDetail from '../gql/queries/FTVAArticleDetail.gql'
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
+// UTILS
+import removeTags from '~/utils/removeTags'
+import socialList from '~/utils/socialList'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index a11b216..850c905 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -6,8 +6,7 @@ import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, Responsiv
 
 // HELPERS
 import _get from 'lodash/get'
-import removeTags from '~/utils/removeTags'
-import socialList from '~/utils/socialList'
+
 
 // GQL
 import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
@@ -15,6 +14,10 @@ import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
+// UTILS
+import removeTags from '~/utils/removeTags'
+import socialList from '~/utils/socialList'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 759cf55..de7c7de 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -6,7 +6,6 @@ import { BlockEventDetail, BlockInfo, BlockTag, ButtonDropdown, CardMeta, Divide
 
 // HELPERS
 import _get from 'lodash/get'
-import removeTags from '../utils/removeTags'
 
 // GQL
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
@@ -14,6 +13,9 @@ import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 // COMPOSABLE
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
+//UTILS
+import removeTags from '../utils/removeTags'
+
 const { $graphql } = useNuxtApp()
 
 const route = useRoute()

From 943c401049f70112ca70db2cdbf93249ddf81c77 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 11:40:43 -0800
Subject: [PATCH 15/20] standardize imports

---
 pages/collections/[slug].vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 850c905..0a89a22 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -7,7 +7,6 @@ import { BlockCallToAction, CardMeta, DividerWayFinder, NavBreadcrumb, Responsiv
 // HELPERS
 import _get from 'lodash/get'
 
-
 // GQL
 import FTVACollectionDetail from '../gql/queries/FTVACollectionDetail.gql'
 

From ad678707657a87aa3d096ba1916d96c79fbecf59 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 11:42:01 -0800
Subject: [PATCH 16/20] get rid of comment

---
 composables/useContentIndexer.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index 9827361..0b1321c 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -1,5 +1,4 @@
 export function useContentIndexer() {
-  // console.log('elastic search plugin index  :')
   const esIndex = useRuntimeConfig().public.esTempIndex
   const esURL = useRuntimeConfig().public.esURL
   const esReadKey = useRuntimeConfig().public.esReadKey

From f1bb1568f09d01c47e400c70c5df011829112a8b Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 11:43:12 -0800
Subject: [PATCH 17/20] get rid of comment

---
 composables/useContentIndexer.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index 0b1321c..3b4d0bb 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -7,9 +7,6 @@ export function useContentIndexer() {
   async function indexContent(data, slug) {
     try {
       if (data && slug && esIndex) {
-        /* console.log(
-                  "this is the elasticsearch plugin: " + JSON.stringify(data)
-              ) */
         // console.log(`Requesting URL: ${esURL}/${esIndex}/_doc/${slug}`)
         const docExistsResponseValue = await $fetch(
                   `${esURL}/${esIndex}/_doc/${slug}`,

From 11367761479b28fd16045bb5c7c14589e349802f Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 12:09:48 -0800
Subject: [PATCH 18/20] revert to NOT using $fetch

---
 composables/useContentIndexer.js | 67 ++++++++++++++++++--------------
 pages/blog/[slug].vue            |  2 +-
 pages/collections/[slug].vue     |  2 +-
 pages/series/[slug].vue          |  2 +-
 4 files changed, 41 insertions(+), 32 deletions(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index 3b4d0bb..b4235a2 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -5,18 +5,24 @@ export function useContentIndexer() {
   const esWriteKey = useRuntimeConfig().esWriteKey
 
   async function indexContent(data, slug) {
+
     try {
-      if (data && slug && esIndex) {
+      if (import.meta.prerender === true && data && slug && esIndex) {
+        /* console.log(
+                "this is the elasticsearch plugin: " + JSON.stringify(data)
+            ) */
         // console.log(`Requesting URL: ${esURL}/${esIndex}/_doc/${slug}`)
-        const docExistsResponseValue = await $fetch(
-                  `${esURL}/${esIndex}/_doc/${slug}`,
-                  {
-                    headers: {
-                      Authorization: `ApiKey ${esReadKey}`,
-                    },
-                  }
+        const docExists = await fetch(
+                `${esURL}/${esIndex}/_doc/${slug}`,
+                {
+                  headers: {
+                    Authorization: `ApiKey ${esReadKey}`,
+                  },
+                }
         )
 
+        const body = await docExists.text()
+        const docExistsResponseValue = JSON.parse(body)
         // console.log('Existing data in ES', docExistsResponseValue)
 
         if (docExistsResponseValue && docExistsResponseValue._source) {
@@ -27,31 +33,34 @@ export function useContentIndexer() {
             doc: data
           }
           // console.log('postBody', JSON.stringify(postBody))
-          const updateJson = await $fetch(
-                      `${esURL}/${esIndex}/_update/${slug}`,
-                      {
-                        headers: {
-                          Authorization: `ApiKey ${esWriteKey}`,
-                          'Content-Type': 'application/json',
-                        },
-                        method: 'POST',
-                        body: JSON.stringify(postBody),
-                      }
+          const updateResponse = await fetch(
+                    `${esURL}/${esIndex}/_update/${slug}`,
+                    {
+                      headers: {
+                        Authorization: `ApiKey ${esWriteKey}`,
+                        'Content-Type': 'application/json',
+                      },
+                      method: 'POST',
+                      body: JSON.stringify(postBody),
+                    }
           )
-
+          // console.log('Update document in ES', updateResponse)
+          const updateJson = await updateResponse.text()
           console.log('Update in ES', updateJson)
         } else {
-          const response = await $fetch(
-                      `${esURL}/${esIndex}/_doc/${slug}`,
-                      {
-                        headers: {
-                          Authorization: `ApiKey ${esWriteKey}`,
-                          'Content-Type': 'application/json',
-                        },
-                        method: 'POST',
-                        body: JSON.stringify(data),
-                      }
+          const response = await fetch(
+                    `${esURL}/${esIndex}/_doc/${slug}`,
+                    {
+                      headers: {
+                        Authorization: `ApiKey ${esWriteKey}`,
+                        'Content-Type': 'application/json',
+                      },
+                      method: 'POST',
+                      body: JSON.stringify(data),
+                    }
           )
+
+          // console.log('Create a new document in ES:', await response.text())
         }
       } else {
         console.warn('not indexing anything')
diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 53d57e5..3e1820e 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -48,7 +48,7 @@ if (data.value.ftvaArticle && import.meta.prerender) {
     // Call the composable to use the indexing function
     const { indexContent } = useContentIndexer()
     // Index the article data using the composable during static build
-    await indexContent(data.value.ftvaArticle, route.params.slug)
+    // await indexContent(data.value.ftvaArticle, route.params.slug)
     console.log('Article indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX ARTICLE during static build:', error)
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 0a89a22..71956a2 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -46,7 +46,7 @@ if (data.value.ftvaCollection && import.meta.prerender) {
     // Call the composable to use the indexing function
     const { indexContent } = useContentIndexer()
     // Index the collection data using the composable during static build
-    await indexContent(data.value.ftvaCollection, route.params.slug)
+    // await indexContent(data.value.ftvaCollection, route.params.slug)
     console.log('Collection indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX COLLECTION during static build:', error)
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index 4f4819f..14fe1ca 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -43,7 +43,7 @@ if (data.value.ftvaEventSeries && import.meta.prerender) {
     // Call the composable to use the indexing function
     const { indexContent } = useContentIndexer()
     // Index the event series data using the composable during static build
-    await indexContent(data.value.ftvaEventSeries, route.params.slug)
+    //await indexContent(data.value.ftvaEventSeries, route.params.slug)
     console.log('Event series indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX EVENT SERIES during static build:', error)

From ff4935a1dfcf3dc6ba0c1a9c8c96b2163707dabd Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 12:36:53 -0800
Subject: [PATCH 19/20] remove $fetch

---
 composables/useContentIndexer.js | 3 ++-
 pages/blog/[slug].vue            | 4 ++--
 pages/collections/[slug].vue     | 4 ++--
 pages/events/[slug].vue          | 2 +-
 pages/series/[slug].vue          | 4 ++--
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index b4235a2..83064b7 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -7,7 +7,7 @@ export function useContentIndexer() {
   async function indexContent(data, slug) {
 
     try {
-      if (import.meta.prerender === true && data && slug && esIndex) {
+      if (data && slug && esIndex) {
         /* console.log(
                 "this is the elasticsearch plugin: " + JSON.stringify(data)
             ) */
@@ -72,6 +72,7 @@ export function useContentIndexer() {
     }
   }
 
+
   return {
     indexContent
   }
diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 3e1820e..1aedf5c 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -48,8 +48,8 @@ if (data.value.ftvaArticle && import.meta.prerender) {
     // Call the composable to use the indexing function
     const { indexContent } = useContentIndexer()
     // Index the article data using the composable during static build
-    // await indexContent(data.value.ftvaArticle, route.params.slug)
-    console.log('Article indexed successfully during static build')
+    await indexContent(data.value.ftvaArticle, route.params.slug)
+    // console.log('Article indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX ARTICLE during static build:', error)
   }
diff --git a/pages/collections/[slug].vue b/pages/collections/[slug].vue
index 71956a2..975f5dc 100644
--- a/pages/collections/[slug].vue
+++ b/pages/collections/[slug].vue
@@ -46,8 +46,8 @@ if (data.value.ftvaCollection && import.meta.prerender) {
     // Call the composable to use the indexing function
     const { indexContent } = useContentIndexer()
     // Index the collection data using the composable during static build
-    // await indexContent(data.value.ftvaCollection, route.params.slug)
-    console.log('Collection indexed successfully during static build')
+    await indexContent(data.value.ftvaCollection, route.params.slug)
+    // console.log('Collection indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX COLLECTION during static build:', error)
   }
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index de7c7de..192e8d3 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -46,7 +46,7 @@ if (data.value.ftvaEvent && import.meta.prerender) {
     const { indexContent } = useContentIndexer()
     // Index the event data using the composable during static build
     await indexContent(data.value.ftvaEvent, route.params.slug)
-    console.log('Event indexed successfully during static build')
+    // console.log('Event indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX EVENT during static build:', error)
   }
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index 14fe1ca..5660af6 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -43,8 +43,8 @@ if (data.value.ftvaEventSeries && import.meta.prerender) {
     // Call the composable to use the indexing function
     const { indexContent } = useContentIndexer()
     // Index the event series data using the composable during static build
-    //await indexContent(data.value.ftvaEventSeries, route.params.slug)
-    console.log('Event series indexed successfully during static build')
+    await indexContent(data.value.ftvaEventSeries, route.params.slug)
+    // console.log('Event series indexed successfully during static build')
   } catch (error) {
     console.error('FAILED TO INDEX EVENT SERIES during static build:', error)
   }

From 78c9e96cac2fd3de954162d3e7b9901e02ac81b7 Mon Sep 17 00:00:00 2001
From: jendiamond <thejendiamond@gmail.com>
Date: Fri, 8 Nov 2024 16:13:51 -0800
Subject: [PATCH 20/20] linting

---
 composables/useContentIndexer.js | 2 --
 pages/events/[slug].vue          | 4 ++--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/composables/useContentIndexer.js b/composables/useContentIndexer.js
index 83064b7..3c50953 100644
--- a/composables/useContentIndexer.js
+++ b/composables/useContentIndexer.js
@@ -5,7 +5,6 @@ export function useContentIndexer() {
   const esWriteKey = useRuntimeConfig().esWriteKey
 
   async function indexContent(data, slug) {
-
     try {
       if (data && slug && esIndex) {
         /* console.log(
@@ -72,7 +71,6 @@ export function useContentIndexer() {
     }
   }
 
-
   return {
     indexContent
   }
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 192e8d3..71050cd 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -11,10 +11,10 @@ import _get from 'lodash/get'
 import FTVAEventDetail from '../gql/queries/FTVAEventDetail.gql'
 
 // COMPOSABLE
+import removeTags from '../utils/removeTags'
 import { useContentIndexer } from '~/composables/useContentIndexer'
 
-//UTILS
-import removeTags from '../utils/removeTags'
+// UTILS
 
 const { $graphql } = useNuxtApp()