@iqual/nuxt-icms 1.2.1 → 1.2.3

package/composables/useLightbox.ts

@@ -1,81 +0,0 @@
-import type { MediaFragment } from '#graphql-operations'
-import { DesignSystemAtomsCaption } from '#components'
-
-export function useLightbox(media: (MediaFragment | null)[] | undefined) {
-  const toggleLightbox = ref(false)
-  const currentSlide = ref(1)
-
-  const openLightbox = (index: number) => {
-    currentSlide.value = index + 1 // fsLightbox uses 1-based indexing
-    toggleLightbox.value = !toggleLightbox.value
-  }
-
-  // https://fslightbox.com/vue/documentation/sources
-  const computedMedia = computed(() =>
-    media?.map(item => {
-      if (!item) return ''
-      switch (item.type) {
-        case 'MediaImage':
-          return item.sourceUrl?.path || ''
-        case 'MediaVideo':
-          return item.url?.path || ''
-        case 'MediaRemoteVideo':
-          return item.link || ''
-        default:
-          return ''
-      }
-    }).filter(Boolean) || []
-  )
-
-  // https://fslightbox.com/vue/documentation/custom-attributes
-  const computedCustomAttributes = computed(() =>
-    media?.map(item => {
-      if (!item) return {}
-
-      switch (item.type) {
-        case 'MediaImage':
-          return {
-            alt: item.alt?.alt || '',
-            title: item.title || ''
-          }
-
-        case 'MediaVideo':
-          return {
-            alt: (item.thumbnailOverride || item.thumbnail)?.alt || '',
-            title: item.title || '',
-            poster: (item.thumbnailOverride || item.thumbnail)?.entity?.uri?.first?.url || '',
-            controls: true
-          }
-
-        case 'MediaRemoteVideo':
-          return {
-            alt: (item.thumbnailOverride || item.thumbnail)?.alt || '',
-            title: item.title || '',
-            poster: (item.thumbnailOverride || item.thumbnail)?.entity?.uri?.first?.url || ''
-          }
-
-        default:
-          return {}
-      }
-    }) || []
-  )
-
-  // https://fslightbox.com/vue/documentation/captions
-  const computedCaptions = computed(() =>
-    media?.map(item => ({
-      component: DesignSystemAtomsCaption,
-      props: {
-        caption: item?.caption || ''
-      }
-    })) || []
-  )
-
-  return {
-    toggleLightbox,
-    currentSlide,
-    openLightbox,
-    sources: computedMedia,
-    customAttributes: computedCustomAttributes,
-    captions: computedCaptions
-  }
-}

package/composables/useMainMenuLinks.ts

@@ -1,69 +0,0 @@
-import type { InitData } from './useInitData'
-import type { MenuLinkTreeFragment } from '#graphql-operations'
-
-function isLinkTreeActive(
-  tree: MenuLinkTreeFragment & { subtree?: Array<MenuLinkTreeFragment> },
-  currentRoutePath: string,
-): boolean {
-  if (tree.link.url?.path === currentRoutePath) {
-    return true
-  }
-
-  if (tree.subtree) {
-    return tree.subtree.some((subtreeEl) =>
-      isLinkTreeActive(subtreeEl, currentRoutePath),
-    )
-  }
-
-  return false
-}
-
-export async function useMainMenuLinks() {
-  const initData: Ref<InitData> = await useInitData()
-  const currentRoute = useRoute()
-
-  const links = computed(() => {
-    return initData.value.mainMenuLinks
-  })
-
-  const currentActiveMainLink = computed(() => {
-    return initData.value.mainMenuLinks.find((l) =>
-      isLinkTreeActive(l, currentRoute.path),
-    )
-  })
-
-  const activeFirstLevelLink = computed(() => {
-    return currentActiveMainLink.value?.subtree.find((l) =>
-      isLinkTreeActive(l, currentRoute.path),
-    )
-  })
-
-  const activeSecondLevelLink = computed(() => {
-    const activeSubtree = activeFirstLevelLink.value?.subtree
-    if (activeSubtree) {
-      return activeSubtree.find((l) => isLinkTreeActive(l, currentRoute.path))
-    }
-    return null
-  })
-
-  const activeThirdLevelLink = computed(() => {
-    const activeSubtree = activeSecondLevelLink.value?.subtree
-    if (activeSubtree) {
-      return activeSubtree.find((l) => isLinkTreeActive(l, currentRoute.path))
-    }
-    return null
-  })
-
-  const isHotelActive = computed(() => {
-    return isLinkTreeActive(initData.value.mainMenuLinks[2], currentRoute.path)
-  })
-
-  return {
-    links,
-    currentActiveMainLink,
-    activeFirstLevelLink,
-    activeSecondLevelLink,
-    activeThirdLevelLink,
-    isHotelActive,
-  }
-}

package/composables/useMetaMenuLinks.ts

@@ -1,44 +0,0 @@
-import type { InitData } from './useInitData'
-import type { MenuLinkTreeFragment } from '#graphql-operations'
-
-function isLinkTreeActive(
-  tree: MenuLinkTreeFragment & { subtree?: Array<MenuLinkTreeFragment> },
-  currentRoutePath: string,
-): boolean {
-  if (tree.link.url?.path === currentRoutePath) {
-    return true
-  }
-
-  if (tree.subtree) {
-    return tree.subtree.some((subtreeEl) =>
-      isLinkTreeActive(subtreeEl, currentRoutePath),
-    )
-  }
-
-  return false
-}
-
-export async function useMetaMenuLinks() {
-  const initData: Ref<InitData> = await useInitData()
-  const currentRoute = useRoute()
-
-  const links = computed(() => {
-    return initData.value.metaMenuLinks
-  })
-
-  const currentActiveMetaLink = computed(() => {
-    return initData.value.metaMenuLinks.find((l) =>
-      isLinkTreeActive(l, currentRoute.path),
-    )
-  })
-
-  const isHotelActive = computed(() => {
-    return isLinkTreeActive(initData.value.metaMenuLinks[2], currentRoute.path)
-  })
-
-  return {
-    links,
-    currentActiveMetaLink,
-    isHotelActive,
-  }
-}

package/types/fslightbox-vue.d.ts

@@ -1 +0,0 @@
-declare module 'fslightbox-vue'